View Full Version : Extra lines in menu

10-20-2009, 08:22 PM
I'm working on this site:

And after adding the links to the menu bar, there are now six vertical lines after Contact.

Where would they be in the style sheet and how do I get rid of them?

10-20-2009, 08:36 PM
Here is the code of these vertical lines inside your html file:

<ul id="menu">
<li><a href="http://emilydickinson.us">Home</a> |</li>
<li><a href="http://emilydickinson.us/emily.html">About Emily</a> |</li>
<li><a href="http://emilydickinson.us/pam.html">About Pam</a> |</li>
<li><a href="http://emilydickinson.us/news.html">News</a> |</li>
<li><a href="http://emilydickinson.us/media.html">Media</a> |</li>
<li><a href="http://emilydickinson.us/booking.html">Booking</a> |</li>
<li><a href="http://emilydickinson.us/contact.html">Contact</a></li>

10-20-2009, 10:51 PM
OK. Thanks :)

10-20-2009, 11:04 PM
Hello vinoman2, You could move the | inside the <a> tags like this :
<!-- Menu -->
<div id="menu-box" class="cleaning-box">
<a href="#skip-menu" class="hidden">Skip menu</a>
<ul id="menu">
<li><a href="http://emilydickinson.us">Home |</a></li>
<li><a href="http://emilydickinson.us/emily.html">About Emily |</a> </li>
<li><a href="http://emilydickinson.us/pam.html">About Pam |</a></li>
<li><a href="http://emilydickinson.us/news.html">News |</a></li>
<li><a href="http://emilydickinson.us/media.html">Media |</a></li>
<li><a href="http://emilydickinson.us/booking.html">Booking |</a></li>
<li><a href="http://emilydickinson.us/contact.html">Contact |</a></li>
<!-- Menu end -->

10-20-2009, 11:20 PM
That's OK I just removed the lines. I also need to add a left border to the HOME button.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum