There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Software Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Software & Hardware > Software Development >
dreamweaver - span top bar


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
10-Nov-2003, 03:55 PM #1
dreamweaver - span top bar
I made a little swf banner and put it at the top of an html page. At first I made the flash file 1024x100 and I change the width to 100% in the dreamweaver property inspector, however both ends were cut off online. So I changed the flash file to 800x100 now it looks great at 600x800 res, but 1024x768 the banner is centred in the middle of the page.

How can I get the banner to span the size of the webpage no matter the resolution? Thanks.

If you need to see it, it's here: www.egetec.ca/test4/index.html
__________________
Millions of people believe in God, yet nobody has seen him. Millions of people have seen UFO's yet nobody believes in them
Shadow2531's Avatar
Distinguished Member with 2,629 posts.
 
Join Date: Apr 2001
10-Nov-2003, 11:44 PM #2
A height of 22% will help, but that's hot really the problem.

The problem is all the space the flash file has.
http://www.egetec.ca/test4/front.swf

When you set the height to 100px, it forces the space in the flash file from above and below to the sides.

That is of some concern, but it looks like at low resolutions, some of the content in the tables is forcing the table to be wider than 100%.


If you remove everything except the flash file, you will see that it does indeed center at low resolutions.

So there is something in the table not allowing it to shrink enough and therefore it will be wider than the flash file at low resolutions.

I don't see a scalable layout working the way you have things now.

This will help for testing purposes.
http://home.tbbs.net/shadow/tsgforums/flashtest.html

With that example, nothing is really centered. The animation is centered, but only because it's centered in the flah file.

Nothing is really centered in your layout either because you are using a 100% width as well.

Because of that, trying to center the flash with centering attrbutes won't help.

What will help is stoping your table content from overflowing at low resolutions.

Set your table background to red or another color and you will see what I mean. When you lower the resolution, the table sticks out the side.

The flash and table will still be 100% width, but the table's width is actually overflowed. Since the Flash doesn't overflow at low resolutions, the table and the flash don't match.
__________________
10 ? "a line as the unending horizon"
20 ? "a curve as the rolling hillside"
30 ? "a point as a distant bird"
40 ? "a ray as the rising sun"
run

Last edited by Shadow2531 : 11-Nov-2003 12:47 AM.
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
11-Nov-2003, 12:47 PM #3
I'm sorry, I don't understand. I'm not really trying to centre the flash movie. It's already centred. I really want it to cover the whole width of the page no matter the resolution. I've put in another table at the top and put the movie in there but it is still not stretching. Thanks.
__________________
Millions of people believe in God, yet nobody has seen him. Millions of people have seen UFO's yet nobody believes in them
bassetman's Avatar
Computer Specs
Moderator with 46,208 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
11-Nov-2003, 01:02 PM #4
Looks fine on mine I am running 960X720
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
11-Nov-2003, 01:10 PM #5
I think I fixed it. I took out the centre tags and it stretched. Weird. Thanks.
bassetman's Avatar
Computer Specs
Moderator with 46,208 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
11-Nov-2003, 01:13 PM #6
Hmmmm, darn computers!
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
11-Nov-2003, 01:15 PM #7
LOL...I know what you mean. It's always something
Shadow2531's Avatar
Distinguished Member with 2,629 posts.
 
Join Date: Apr 2001
12-Nov-2003, 12:28 AM #8
Not that it matters now, but I did understand that you were not trying to center it and only stop it from not stretching at low resolutions.

I can go into more detail on my first post if needed, but glad you got it.

Just make sure you check your page in multiple browsers. (if you want ; ) )
__________________
10 ? "a line as the unending horizon"
20 ? "a curve as the rolling hillside"
30 ? "a point as a distant bird"
40 ? "a ray as the rising sun"
run
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
12-Nov-2003, 08:20 AM #9
I ended up making the flash file 600x50, that way it stretches for the higher resolutions.

I'm only using IE6 so if anyone wants to take a look at it with another brower it would me much appreciated:

I had to move it:
www.egetec.ca/test/index.html

Thanks.
__________________
Millions of people believe in God, yet nobody has seen him. Millions of people have seen UFO's yet nobody believes in them
Shadow2531's Avatar
Distinguished Member with 2,629 posts.
 
Join Date: Apr 2001
12-Nov-2003, 10:00 AM #10
At a window size of ~ 671: 443 and lower, it doesn't expand in opera.

Same goes for Firebird, Mozilla and Netscape.

One of the problems is DW doesn't produce code that invokes standards mode in browsers.

The doctype needs to be fixed first before you even try to fix the other problems.

I'm not preaching to you too much on compliancy, but the code should at least invoke standards mode in browsers or cross-browser rendering is going to be different.

Specifically.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

is missing the dtd uri.

It should be this.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

That can make a large difference.


If Netscape 4.8 is a concern, I can test it with that also.

The problem might be because your titlepurple.jpg isn't scalable as well.

It's got a static size and at small resolutions, the table can't shrink down as far as it should.

Without redoing all the code, I might put the flash inside the table as well. Then you might be able to get the flash animation to scale with the size of the table instead. Something to consider anyways.
__________________
10 ? "a line as the unending horizon"
20 ? "a curve as the rolling hillside"
30 ? "a point as a distant bird"
40 ? "a ray as the rising sun"
run

Last edited by Shadow2531 : 12-Nov-2003 10:11 AM.
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
12-Nov-2003, 12:24 PM #11
Thank you for all of your checking. I will change the doc type for sure but I'm not sure how to make the titlepurple.jpg scalable, could you give me some direction on this? I have put the flash in a table already and seems to work fine in IE.
__________________
Millions of people believe in God, yet nobody has seen him. Millions of people have seen UFO's yet nobody believes in them
bassetman's Avatar
Computer Specs
Moderator with 46,208 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
12-Nov-2003, 12:48 PM #12
Doesn't work in my NS Communicator 4.79
lola2001's Avatar
Computer Specs
Senior Member with 1,902 posts.
 
Join Date: Jan 2001
Location: Ontario, Canada
12-Nov-2003, 01:07 PM #13
Oh...what happens exactly? Thanks.
Shadow2531's Avatar
Distinguished Member with 2,629 posts.
 
Join Date: Apr 2001
13-Nov-2003, 12:27 AM #14
You know how you used percentages for the flash?

You would have to do the same for the titlepurple.jpg.
Shadow2531's Avatar
Distinguished Member with 2,629 posts.
 
Join Date: Apr 2001
13-Nov-2003, 12:55 AM #15
In Netscape 4.8, the width and height for the embed are being ignored or recognized improperly.

If you want netscape 4.8, you can get it at ftp://ftp.netscape.com/pub/communica...ll/cc32d48.exe

For testing Of Netscape, Mozilla, and Firebird, you really only need to download Mozilla and or Firbird.

Netscape renders the same as mozilla 1.4 and Mozilla and Firebird render virtually the same.
(Mozilla.org)

www.opera.com is where you can get opera 7.21.
__________________
10 ? "a line as the unending horizon"
20 ? "a curve as the rolling hillside"
30 ? "a point as a distant bird"
40 ? "a ray as the rising sun"
run

Last edited by Shadow2531 : 13-Nov-2003 04:27 AM.
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

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 On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 05:41 PM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.