Your images are causing the text to be pushed down. You can either float the images and then valign everything, set the padding to move the text around, or set the align on the image to Absolute Middle using align=”absmiddle”
–[sig moderated]–
Thread Starter
shorn
(@shorn)
yea that didnt work!? Any takers?
Thread Starter
shorn
(@shorn)
Thank you for the link, I have seen similar articles to this but im still not really sure how to implement it.
Here is my css section for the sidebar, any chance of any1 demonstrating how it should be altered?
.sidenav {
float: right;
width: 210px;
background-color:#D6D6D6;
}
.sidenav h2 {
color: #FFFFFF;
font: bold 1em Arial, Helvetica, sans-serif;
line-height: 30px;
margin: 0px;
padding-left: 24px;
padding-bottom: 0px;
background-image:url(img/sidenavbar.jpg);
}
.sidenav h3 {
color: #FFFFFF;
font: bold 1em Arial, Helvetica, sans-serif;
line-height: 26px;
margin: 0px;
padding-left: 24px;
padding-bottom: 0px;
background-image:url(img/sidenavbar1.jpg);
}
.sidenav ul {
padding: 0;
border-top: 0px solid #d6d6d6;
background-color:#a0a0a0;
}
.sidenav li {
background-color: #a0a0a0;
list-style:none;
border-bottom: 0px solid #d6d6d6;
}
.sidenav li a {
font-size: 1.1em;
color: #FFFFFF;
display: block;
padding: 4px 0 4px 6%;
text-decoration: none;
width: 94%;
background-color: #a0a0a0;
}
.sidenav li a:hover {
color: #FFFFFF;
text-decoration: none;
background-image:url(img/sidenavbarhover.jpg);
width: 94%;
}
Thread Starter
shorn
(@shorn)
still looking for assitance with this one if anyone is able to help!
