8 replies [Last post]
Jason Bunn
Offline
newbie
Last seen: 11 years 31 weeks ago
Timezone: GMT-5
Joined: 2007-11-01
Posts: 7
Points: 0

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

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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.

Life's a b*tch and then you die!

Jason Bunn
Offline
newbie
Last seen: 11 years 31 weeks ago
Timezone: GMT-5
Joined: 2007-11-01
Posts: 7
Points: 0

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...

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Jason Bunn wrote:I've added

Jason Bunn wrote:
I've added a top margin entry in the css:

...no you haven't! The live style-sheet is just as it was before.

Life's a b*tch and then you die!

Jason Bunn
Offline
newbie
Last seen: 11 years 31 weeks ago
Timezone: GMT-5
Joined: 2007-11-01
Posts: 7
Points: 0

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.

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 5 years 17 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

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 Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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 :?

Life's a b*tch and then you die!

Jason Bunn
Offline
newbie
Last seen: 11 years 31 weeks ago
Timezone: GMT-5
Joined: 2007-11-01
Posts: 7
Points: 0

fixed

refreshed a few times and made sure the latest files were being used and it was resolved. thanks for your help!

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

You're welcome

You're welcome Smile

Life's a b*tch and then you die!