Solved

Trim White space

Posted on 2013-11-20
13
331 Views
Last Modified: 2013-11-21
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
Comment
Question by:adam1h
13 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 39663099
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
 
LVL 42

Accepted Solution

by:
Chris Stanyon earned 500 total points
ID: 39663193
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
 

Author Comment

by:adam1h
ID: 39663203
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
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39663215
I've just given you the answer - read my post above
0
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39663255
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
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39663563
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
 

Author Comment

by:adam1h
ID: 39665205
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
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39665282
@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
 

Author Comment

by:adam1h
ID: 39665304
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
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39665357
OK. No worries
0
 

Author Comment

by:adam1h
ID: 39666682
Please do so Cobol dinosaur (What a great nickname ahahaaha)

A is good. Again, sorry for that guys.

Adam
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Suggested Solutions

This article discusses how to create an extensible mechanism for linked drop downs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now