Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Problem with css - new site

Status
Not open for further replies.

qtluvsjc

Technical User
Apr 27, 2007
18
US
I am working on this site re-design, and have some problems.

First,
The 'upcoming events' is below the first column, and it is supposed to be next to it.

Second,
The navigation bar is not centered. I want them to be centered and spaced out evenly. So the first tab would be on the left, and the last tab would be on the right, and the rest would space out accordingly.

Third,
My home and contact icons (at the top right) are floating in the center, when they should be on the bottom.

Forth,
The text in my headings are not centered vertically in regards to the background image.

I am having trouble getting these things figured out. Any and all help is appreciated!

Thanks!

Here is the site:

CSS:

column 1 header:
.col1h1 {
background-image: url(../images/col1bg.gif);
background-repeat: no-repeat;
color:#004B4C;
height: 27px;
width: 420px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-position: center center;
bottom: auto;
position: static;
line-height: normal;
font-weight: bold;
text-align: center;
vertical-align: middle;

}

TABS:
#tabsF {
float:left;
width:100%;
background:#F4FAFA;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}

Left Column:
#main {
float:left;
width:240px;
text-align:justify;
background:#F4FAFA;
}

2nd COL:

#lowercol2 {

float:left;
width:270px;
}
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top