...

View Full Version : Extra lines in menu



vinoman2
10-20-2009, 09:22 PM
I'm working on this site:
http://emilydickinson.us

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?

ckeyrouz
10-20-2009, 09: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>
</ul>

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

Excavator
10-21-2009, 12:04 AM
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>
</ul>
</div>
<!-- Menu end -->

vinoman2
10-21-2009, 12:20 AM
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