HighDots Forums  

Why does the banner image wrap around?

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Why does the banner image wrap around? in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Dan V.
 
Posts: n/a

Default Why does the banner image wrap around? - 02-26-2005 , 02:11 PM






Why does the banner image wrap around when I choose a small window size?
http://officeactivate.com/schuit/index.shtml

I am 1/2 way done a css book and am using this code from a CSS generator.
http://www.csscreator.com/version2/pagelayout.php



Also there is a space I would love to get rid of below the brown leather
chair image to line it up better with the main content window..

Any tips would be great and thanks,
Dan V.



Reply With Quote
  #2  
Old   
Jim Moe
 
Posts: n/a

Default Re: Why does the banner image wrap around? - 02-26-2005 , 04:29 PM






Dan V. wrote:
Quote:
Why does the banner image wrap around when I choose a small window size?
http://officeactivate.com/schuit/index.shtml

img> is an inline element like words are. Apply the property
"white-space:nowrap" to "#header" to prevent line wrapping.
Quote:
Also there is a space I would love to get rid of below the brown leather
chair image to line it up better with the main content window..

1. HomeChair.jpg has a black border around it that
DufferinInteriorBanner513x168.jpg does not. Thus the chair image looks
higher than the banner image, and adds an apparent additional gap to the
image below it.
2. The padding for "content" in leftcol and maincol pick different
background colors, brown on outer, black on leftcol further adding to the gap.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Reply With Quote
  #3  
Old   
Dan V.
 
Posts: n/a

Default thanks for the excellent advice - 02-26-2005 , 07:37 PM



thanks for the excellent advice

"Jim Moe" <jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote

Quote:
Dan V. wrote:
Why does the banner image wrap around when I choose a small window size?
http://officeactivate.com/schuit/index.shtml

img> is an inline element like words are. Apply the property
"white-space:nowrap" to "#header" to prevent line wrapping.

Also there is a space I would love to get rid of below the brown leather
chair image to line it up better with the main content window..

1. HomeChair.jpg has a black border around it that
DufferinInteriorBanner513x168.jpg does not. Thus the chair image looks
higher than the banner image, and adds an apparent additional gap to the
image below it.
2. The padding for "content" in leftcol and maincol pick different
background colors, brown on outer, black on leftcol further adding to the
gap.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)



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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.