Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
BOOK: Beginning Dreamweaver MX/MX 2004 MX ISBN: 978-0-7645-4404-0; MX 2004 ISBN: 978-0-7645-5524-4
This is the forum to discuss the Wrox book Beginning Dreamweaver MX by Charles E. Brown, Imar Spaanjaars, Todd Marks; ISBN: 9780764544040
Please indicate which version of the book you are using when posting questions.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK: Beginning Dreamweaver MX/MX 2004 MX ISBN: 978-0-7645-4404-0; MX 2004 ISBN: 978-0-7645-5524-4 section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developersí questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old November 4th, 2004, 10:07 AM
Registered User
 
Join Date: Nov 2004
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default intro image in dreamweaver/HTML

hi, I wondered, I dont know a whole lot of HTML and dreamweaver, I just use it to put my flash stuff up, but whenever I create a sort of frame to border my flash file, when the images surround it are loading its obvious that they are images, cause its got that bitmap logo, just wondered if anyone knew of a way of getting the image to come on without seeing the framing beforehand like this border to the flash:

http://www.wefail.com

really apprecite anyone's suggestions


Reply With Quote
  #2 (permalink)  
Old November 4th, 2004, 02:04 PM
Imar's Avatar
Wrox Author
Points: 66,761, Level: 100
Points: 66,761, Level: 100 Points: 66,761, Level: 100 Points: 66,761, Level: 100
Activity: 100%
Activity: 100% Activity: 100% Activity: 100%
 
Join Date: Jun 2003
Location: Utrecht, Netherlands.
Posts: 16,147
Thanks: 65
Thanked 1,391 Times in 1,371 Posts
Default

Hi there,

If I understand you correctly you can create a table (or <div> tags that have the images and your flash animation.

Something like this:

--------------------------
| |
| Image |
| |
--------------------------
| | | |
| Im | Flash | Im |
| | | |
--------------------------
| |
| Image |
| |
--------------------------This way, the outer parts of the animation are simply static images, while the middle table cell contains the Flash animation.

Does this make sense?

Cheers,

Imar
Reply With Quote
  #3 (permalink)  
Old November 4th, 2004, 04:11 PM
Registered User
 
Join Date: Nov 2004
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

thanks a lot a lot for replying pal, yeah, you got it, do you get what I mean about the imaging while its loading tho?

Kryah.co.uk is like the problem i have where the 2 cd images surrounding the animation have the framing of each individual image there until both images load, how do i get it so that its like wefail.com where both images just come on when they're loaded??

appreciate your help

Reply With Quote
  #4 (permalink)  
Old November 4th, 2004, 05:07 PM
Imar's Avatar
Wrox Author
Points: 66,761, Level: 100
Points: 66,761, Level: 100 Points: 66,761, Level: 100 Points: 66,761, Level: 100
Activity: 100%
Activity: 100% Activity: 100% Activity: 100%
 
Join Date: Jun 2003
Location: Utrecht, Netherlands.
Posts: 16,147
Thanks: 65
Thanked 1,391 Times in 1,371 Posts
Default

No, I am afraid I don't understand. What exactly is the problem??

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Aftermath by The Tea Party (Track 11 from the album: Transmission) What's This?
Reply With Quote
  #5 (permalink)  
Old November 5th, 2004, 03:11 AM
Registered User
 
Join Date: Nov 2004
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

If you compare the two sites:

http://www.kryah.co.uk and

http://www.wefail.com

kryah's site to the far left has a picture of a cd split into two. and while the two pictures (making up 1picture of a cd) are loading you see the outline and boxes and that 'bitmap' logo in the middle of each two pictures, however this doesnt happen on wefail, is that any clearer?

Reply With Quote
  #6 (permalink)  
Old November 6th, 2004, 04:42 AM
Imar's Avatar
Wrox Author
Points: 66,761, Level: 100
Points: 66,761, Level: 100 Points: 66,761, Level: 100 Points: 66,761, Level: 100
Activity: 100%
Activity: 100% Activity: 100% Activity: 100%
 
Join Date: Jun 2003
Location: Utrecht, Netherlands.
Posts: 16,147
Thanks: 65
Thanked 1,391 Times in 1,371 Posts
Default

I still don't fully get it. I don't see a bitmap logo when I request the page. WHat I do see is a large gap between the surrounding images and the Flash animation.

The other site uses CSS to set the background of the table, instead of directly embedding images in the table cells. Maybe that's an option for you too? They use this:

.bottom {
    background-image: url(images/bigbackerbaby.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

Cheers,

Imar
Reply With Quote
  #7 (permalink)  
Old November 7th, 2004, 12:56 PM
Registered User
 
Join Date: Nov 2004
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

yeah i bin reading in to that CSS thing I think your right,

only how do I get my CSS inside a table?
I've got it so's that the image is on the background but when I adjust the size of the page it dont fit with the flash which is in the table in a separate column

Reply With Quote
  #8 (permalink)  
Old November 7th, 2004, 01:26 PM
Imar's Avatar
Wrox Author
Points: 66,761, Level: 100
Points: 66,761, Level: 100 Points: 66,761, Level: 100 Points: 66,761, Level: 100
Activity: 100%
Activity: 100% Activity: 100% Activity: 100%
 
Join Date: Jun 2003
Location: Utrecht, Netherlands.
Posts: 16,147
Thanks: 65
Thanked 1,391 Times in 1,371 Posts
Default

You can do the exact same thing as the other site did:

1. Create a large image that serves as the background. Make sure it has a gap in the middle as large as your animation (like this http://www.wefail.com/images/bigbackerbaby.jpg)

2. Create a table with a width and height of 100% (use CSS to set it) with one cell and set the align and valign properties to center and middle respectively (or better, use CSS)

3. Add the flash animation to the (single) table cell, setting the height and the width through the appropriate attributes.

If all this doesn't work, go for your initial solution with a table with a few rows. Read up on "image slicing" on Google to find out how to avoid the gaps between the images and animation.

HtH,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Hollow Life by KoRn (Track 4 from the album: Untouchables) What's This?
Reply With Quote
  #9 (permalink)  
Old November 8th, 2004, 11:47 AM
Registered User
 
Join Date: Nov 2004
Location: , , .
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

this is my problem, thanks for help so far by the way, I've created a file called kryah.css and attatched it to the html doc, so it puts it as background to the whole site, fair enough, but how do I get it to attach it to just the table so that when I resize the browser window, it all resizes/moves together like wefail have done????

this is what I've got so far: http://www.kryah.co.uk/try.html

really appreciate any help

Reply With Quote
  #10 (permalink)  
Old November 8th, 2004, 01:20 PM
Imar's Avatar
Wrox Author
Points: 66,761, Level: 100
Points: 66,761, Level: 100 Points: 66,761, Level: 100 Points: 66,761, Level: 100
Activity: 100%
Activity: 100% Activity: 100% Activity: 100%
 
Join Date: Jun 2003
Location: Utrecht, Netherlands.
Posts: 16,147
Thanks: 65
Thanked 1,391 Times in 1,371 Posts
Default

Did you examine the source of the other site? It's all in there.

Just apply your background image to the (single) table cell of your table. If you set the width and height to 100%, the background will always be centered inside the table cell, just as the Flash animation.

If you look at the HTML source and the CSS file of http://www.wefail.com, you'll see how easy it is.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Hot Pants Explosion by The B-52's (Track 2 from the album: Good Stuff) What's This?
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
A simple hello & intro Diana Alexandra Boston BOOK: Beginning CSS: Cascading Style Sheets for Web Design ISBN: 978-0-7645-7642-3 1 June 29th, 2007 08:47 AM
Html to image Israr BOOK: ASP.NET 2.0 Instant Results ISBN: 978-0-471-74951-6 1 December 4th, 2006 04:56 AM
Intro to ASP.NET 2.0 DB mar0364 ASP.NET 1.0 and 1.1 Basics 1 April 9th, 2005 11:19 AM
nice intro scree tsc Access VBA 11 September 29th, 2003 01:11 PM



All times are GMT -4. The time now is 09:34 PM.


Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.