• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 349
  • Last Modified:

Trim White space

Hi to all experts,

I'm willing to trim white space in my navigation menu that is here:

https://www.joe-cool.co.uk/EN/home/home.cfm

In between the 2 horizontal lines, I managed the reduce the rolover height to what I wanted, but I got 2 white spaces between the 2 lines.

How can I get rid of it ?

Many thanks for your help !

Adam
0
adam1h
Asked:
adam1h
1 Solution
 
leakim971PluritechnicianCommented:
in style.css you have :

ul#css3menu a{
      display:block;
      height: 15px;
      vertical-align:middle;
      text-align:left;
      text-decoration:none;
      font:bold 12px Helvetica Neue, Helvetica Neue, Helvetica, sans-serif;
      color:#4646463;
      cursor:default;
      padding:10px;
      /*Below, background color for the background of the menu bar*/
      background-color:FFFFFF;
      /*background-image:url("data:image/png;base64,");*/
      background-position:0 50%;
      border-width:0px;
      border-style:none;
      border-color:#333333;
      }

try this for example :
padding : 10px 2px;
0
 
Chris StanyonCommented:
If you mean the horizontal lines above the navigation, then you could start be removing the margin from the HRs you use as the top and bottom lines.

hr { margin: 0px; }

If you need the space removing all together, you should also collapse the cellpadding and cellspacing on the table (padding and border-spacing in CSS)
0
 
adam1hAuthor Commented:
Hi eakim971

Thanks for you reply.

Tried it, but the words neckalce bracelet etc got closer to each other, this is not what I'd like to achieve.

What I'd like to achieve is trim white space on top and on bottom of the words 'neckalce bracelet etc'

I hope this makes sense, I find it hard to explain

Thanks !
Adam
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
Chris StanyonCommented:
I've just given you the answer - read my post above
0
 
Chris StanyonCommented:
Just as a heads up - you may want to sort your pages out.

You are using Tables for design which was a technique popular a decade or more ago - it no longer is. You will struggle to make your site look and feel the way you want it to.

Also consider running your pages through the W3C validator - 1064 errors and 416 warning! Not a good advert for your business - particularly an e-commerce one!!
0
 
COBOLdinosaurCommented:
I think you need to pay attention to what Chris is advising.  You are focusing on a minor presentation bit that you don't like and you have a site that does not get a lot of traffic and only has a pr of 2 because of code quality.  

We are not trying to offend you, but the code looks like it is the code originally written when the site was registered in 1999.  It should have a page rank of 4 or even 5 and substantially more traffic, but the spiders are probably not doing a very good job of indexing because they get lost among all the errors.

Cd&
0
 
adam1hAuthor Commented:
Chris, Cobol dinosaur.

I don't find offending when you tell me my website is old fashioned. It is indeed.

We are working on a new one that is all made of DIV and CSS. No more tales. I agree with what you both said, it is old and not very good anymore...

But still online, so it needs to be worked on while the new one is beeing done.

MANY THANKS !
Adam.
0
 
Chris StanyonCommented:
@adam1h.

From the EE Guidelines on Grading Answers - http://support.experts-exchange.com/customer/portal/articles/481419

B is the grade given for acceptable solutions, or a link to an acceptable solution. A B grade means the solution given lacked some information or required you to do a good amount of extra work to resolve the problem. When closing the question, the asker should explain why a B grade was awarded.

Considering I told you precisely what was causing your space, can you please explain the B Grade.

And the code I posted was CSS - it was not meant to be dropped straight into your HTML. It was meant for your CSS file!!
0
 
adam1hAuthor Commented:
Chris,

Sorry got it wrong with B...I'm really sorry.

Ok will add to CSS instead.  Please accept my apologizes for 'B' I didn't think this would be a lack of information.

Adam
0
 
Chris StanyonCommented:
OK. No worries
0
 
adam1hAuthor Commented:
Please do so Cobol dinosaur (What a great nickname ahahaaha)

A is good. Again, sorry for that guys.

Adam
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now