Why does the banner image wrap around?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Dan V. - 26 Feb 2005 19:11 GMT

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 to this Message

Jim Moe - 26 Feb 2005 21:29 GMT

> 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.

Signature

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

Reply to this Message

Dan V. - 27 Feb 2005 00:37 GMT

thanks for the excellent advice

>> Why does the banner image wrap around when I choose a small window size?
>> http://officeactivate.com/schuit/index.shtml
[quoted text clipped - 12 lines]
> background colors, brown on outer, black on leftcol further adding to the
> gap.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / February 2005

Why does the banner image wrap around?