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;
}
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;
}