G'day
> http://town.camden.me.us/fire/test%5Ffolder/
> I'm trying to place an image to the right of
> the header text ("Camden Fire Dept.")
I would make the image a background to the header div, if it's only there
for decorative purposes.
#header { background: #c00 url(graphics/shared/header_graphics.jpg) right
top no-repeat; }
Or if you want it shown 400px from the left, you could try:
#header { background: #c00 url(graphics/shared/header_graphics.jpg) 400px 0
no-repeat; }
> Ideally, the contents of the header should not
> wrap no matter how small the browser window is.
The way you have done it, people who visit the site at resolutions like
800x600 (which is still somewhere close to half the surfing public) will get
a horizontal scroll bar (or wrapping). By putting the image in the
background, you can overcome that issue - the header div should no longer
get wider than the viewport and it shouldn't wrap (except at extremely low
resolution, like lower than 640x480)
Regards
--
Bert Doorn, Web Developer
Better Web Design
www.bwdzine.net
Fast-loading, user-friendly websites
**************************************************************
Scanned by eScan Anti-Virus and Content Security Software.
Visit http://www.mwti.net for more info on eScan and MailScan.
**************************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
