I cant seem to get css to position things without many hours of headaches.... please help:
This first link is the page I am trying to build in Dreamweaver.
1 - I want the three links that are in the banner <div> to be closer together so that they fit within the white area
2 - I want the container <div> to have a white background all the way until I close it
As you can see here: http://www.healthquestpt.com/hpc/ it aint happening. The css file is here: http://www.healthquestpt.com/hpc/css/styles.css
I also cant figure out how to get the text to display like I want it without a table....I dont know why everyone is against tables now, but I assume there's a good reason so I tried to do it without and after 2 hours, I spent 3 minutes doing a table. So any instructions for this is appreciated as well.
When this page is done I want it to look like this: http://www.healthquestpt.com/homephysiciancare/
For the menu, follow this:
styles.css, .menu li,
margin-left: 20px;
your HTML page, <div class="menu"> change that to this:
<div class="menu" style="width: 270px; float: left; position: relative; z-index: 10 !important; margin-left: 90px;">
This should fix your menu bar. Once you're done with this, you should re-position your content.
the white background stops after the first line in the content. How can I fix this?
you can see here: http://www.healthquestpt.com/hpc/ The css file is here: http://www.healthquestpt.com/hpc/css/styles.css
Use Overflow:hidden to control your floats.
Change this:
.container {
width: 80%;
max-width: 980px;
min-width: 980px;
background: #FFF;
margin: 0 auto;
}
to this:
.container {
width: 980px;
background: #FFF;
margin: 0 auto;
overflow:hidden;
}
See The Magic of Overflow:Hidden
http://colinaarts.com/articles/the-magic-of-overflow-hidden/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
North America
Europe, Middle East and Africa
Asia Pacific