how did they do this?

4-1-02, 07:20 PM

hello, newbie here requesting some enlightenment. i am wondering what do webmasters do to get graphics to span the entire width of browsers, i.e., there are no borders on either side? i've also seen navbars that span the width of the browser window--no borders on the side. here are some sample sites that have graphics displayed:

Web Monkey (navbar example)

Wedding Channel (graphic example)

Liquid Seats (header is flush--no borders)

Hollywood.com (header is flush)

thanks in advance!

alphadesk · 4-1-02, 07:43 PM

The examples that you gave are doing it with this in the body tag.

<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"

The flash player for the model portfolio is a sweet piece of work.

4-1-02, 08:42 PM

thank you for the quick reply! i'm going to try this on the site i'm currently working on, which i'm doing right now... so, out of curiosity, if you don't specify a margin height / width, what is the default? (i use dw4)

thanks also for the model flash compliment, but i can't really take credit for it; it's a flash template.

alphadesk · 4-1-02, 08:59 PM

I am a frontpager, so I really don't know what the default would be with dw4.

4-1-02, 10:30 PM

does anyone have any other suggestions (other than the margins = 0) ? i've tried this, and i'm still not getting the effect i'd like. (i could also be doing it wrong)

thx.

Ddr · 4-1-02, 11:42 PM

Ok, the Liquid Seats and the Hollywood.com site have those headers done inside of a table cell. They are set to 100% width and they have been positioned at the top of the page with no cellpadding and no margins.

If you dont know how to do this in DW4, it is not very difficult. I suggest you use the DW tutorials to at least get started, and if you have troubles come on back with the questions. I am sure I can help, or someone else will if I dont see the question.

You might also try just playing with the table tools and see what they do.

Hope this helps.

Dale

4-2-02, 12:02 AM

thanks, everyone, for the responses: i just figured it out--combination of margins = 0 and cell padding = 0...

4-2-02, 04:41 AM

i think DW 4 has a margin height and width of 1 or 2 px

btw, if u set them to 0 (in the Page Properties) and fix a graphic at the top, make sure that it doesnt have rollovers ( like from Fireworks) cuz then it tends to create a 1 px margin.
for some reason it creates a space cell of that width which i have no idea why

4-5-02, 11:57 AM

I'm not sure if this is the answer to your question but maybe it helps.

Fireworks lets you set preferences for writing the html code. Go to File>Html Setup click on the "Table tab" and select "Space with: Single Table no Spacers".

I also found that I have to set the vspace, hspace, and the border for each image to "0" to get rid of any spaces.

Joanne
Object Tools, Inc.

4-1-02, 07:20 PM	#1
lostdreamer Posts: n/a	how did they do this? hello, newbie here requesting some enlightenment. i am wondering what do webmasters do to get graphics to span the entire width of browsers, i.e., there are no borders on either side? i've also seen navbars that span the width of the browser window--no borders on the side. here are some sample sites that have graphics displayed: Web Monkey (navbar example) Wedding Channel (graphic example) Liquid Seats (header is flush--no borders) Hollywood.com (header is flush) thanks in advance!

4-1-02, 07:43 PM	#2
alphadesk Join Date: Dec 2001 Location: Gulfcoast, TX Posts: 6,911 Reputation: 102	set margins The examples that you gave are doing it with this in the body tag. <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" The flash player for the model portfolio is a sweet piece of work. __________________ Thanks, AlphaDesk Those who can read and don't are no better off than those who can't. - Sam Clemens Last edited by alphadesk : 4-1-02 at 08:00 PM.

4-1-02, 08:59 PM	#4
alphadesk Join Date: Dec 2001 Location: Gulfcoast, TX Posts: 6,911 Reputation: 102	dw4 I am a frontpager, so I really don't know what the default would be with dw4. __________________ Thanks, AlphaDesk Those who can read and don't are no better off than those who can't. - Sam Clemens

4-1-02, 11:42 PM	#6
Ddr Join Date: Jan 2002 Posts: 949 Reputation: 5	Hi Lostdreamer Ok, the Liquid Seats and the Hollywood.com site have those headers done inside of a table cell. They are set to 100% width and they have been positioned at the top of the page with no cellpadding and no margins. If you dont know how to do this in DW4, it is not very difficult. I suggest you use the DW tutorials to at least get started, and if you have troubles come on back with the questions. I am sure I can help, or someone else will if I dont see the question. You might also try just playing with the table tools and see what they do. Hope this helps. Dale

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

4-1-02, 08:42 PM	#3
lostdreamer Posts: n/a	thank you for the quick reply! i'm going to try this on the site i'm currently working on, which i'm doing right now... so, out of curiosity, if you don't specify a margin height / width, what is the default? (i use dw4) thanks also for the model flash compliment, but i can't really take credit for it; it's a flash template.

4-1-02, 10:30 PM	#5
lostdreamer Posts: n/a	does anyone have any other suggestions (other than the margins = 0) ? i've tried this, and i'm still not getting the effect i'd like. (i could also be doing it wrong) thx.

4-2-02, 12:02 AM	#7
lostdreamer Posts: n/a	thanks, everyone, for the responses: i just figured it out--combination of margins = 0 and cell padding = 0...

4-2-02, 04:41 AM	#8
mackol Posts: n/a	i think DW 4 has a margin height and width of 1 or 2 px btw, if u set them to 0 (in the Page Properties) and fix a graphic at the top, make sure that it doesnt have rollovers ( like from Fireworks) cuz then it tends to create a 1 px margin. for some reason it creates a space cell of that width which i have no idea why

4-5-02, 11:57 AM	#9
Joanne Posts: n/a	I'm not sure if this is the answer to your question but maybe it helps. Fireworks lets you set preferences for writing the html code. Go to File>Html Setup click on the "Table tab" and select "Space with: Single Table no Spacers". I also found that I have to set the vspace, hspace, and the border for each image to "0" to get rid of any spaces. Joanne Object Tools, Inc.