Hi, I have what I think is a simple problem, but after messing for ages I just can't get it to move. I have a header image above the 'Nav Bar'. There is a small gap between the header and nav bar but I actually want my header image to sit on top of the nav bar so there is no gap.
Can anyone help me?
The site is at: http://4ginter.net/demosite/
Marko Nikolic answers:
Hey,
Add this in your style.css :
#branding img {
float: left;
}
That should solve the problem.
gareth7o9 comments:
Thank you! :)
Abdelhadi Touil answers:
Try adding this to your style:
hgroup a {
display: block;
height: 80px;
}
Or you can make the image height equal to 80px, example:
hgroup img {
display: block;
height: 80px;
}
Abdelhadi Touil comments:
Or you can do just like ktrusak said, so you change this:
#branding hgroup {
margin: 0px;
}
to this:
#branding hgroup {
margin: 0px;
line-height: 0;
}
I think it will work without !important tag.
Good luck.
Kyle answers:
Here ya go, add this to your style.css file:
#branding hgroup{
line-height: 0 !important;
}