Hello. This is pretty basic and I apologize if I didn't find the answer through a search...
page: http://www.justiceworksltd.org/pages/newHome.html
css: http://www.justiceworksltd.org/css/MainLayout.css
I'm just trying to figure out why there is such a space between the image in the header and the horizontal nav bar. I've tried working with the margins and paddings, but reached the point where I feel I'm just fishing around and some assistance would be appreciated.
Thanks!
Jason
The unordered list that you
The unordered list that you are using for your menu has a default top margin which is added by the browser. As this differs from browser to browser, you should set it to zero (or your preferred value) in your CSS code.
margin-top not enough?
I've added a top margin entry in the css:
.hovermenu {
padding-top: 0px;
margin-top:0px;
font-size: 80%;
}
.hovermenu ul{
padding-left: 0;
margin-left: 0;
height: 20px;
margin-bottom: 5px;
padding: 0;
margin-top: 0;
}
but it doesn't seem to make a difference...
Jason Bunn wrote:I've added
I've added a top margin entry in the css:
...no you haven't! The live style-sheet is just as it was before.
sorry
updated now. still seeing the space. with the header img having margin: 0; and the ul having margin-top: 0;, I would expect them to be closer. the image doesn't have that much space below the word.
thanks.
Hi. which browser are you
Hi.
which browser are you seeing it in? cause i cannot see the space ur talking abt in ie7 and FF - 2.0.07.
mihir
There is no longer any space
There is no longer any space at all between your image and list in Firefox (Mac). Have you force-refreshed the page in case your browser (IE?) is caching the page?
I tried to take different browser screen shots using Litmus, but for some reason it can't see your site at all :?
fixed
refreshed a few times and made sure the latest files were being used and it was resolved. thanks for your help!
You're welcome
You're welcome