Current location: Hot Scripts Forums » General Web Coding » HTML/XHTML/XML » How to remove separation line from menu button


How to remove separation line from menu button

Reply
  #1 (permalink)  
Old 02-20-10, 04:40 AM
Akos Akos is offline
New Member
 
Join Date: Jan 2010
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
How to remove separation line from menu button

http://img168.imageshack.us/img168/9330/menuzv.jpg

The image above is taken from my website. This is a button in the menu. When updated, I added this new button to my template.

Problem is that I cannot remove the last separation vertical line from design. It is a CSS HTML. When change button width this last one drop down to next row if I go too wide.

Any idea to resolve this?

Thanks,
norD
Reply With Quote
  #2 (permalink)  
Old 02-20-10, 04:44 AM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,075
Thanks: 11
Thanked 88 Times in 83 Posts
Please post your code.
Reply With Quote
  #3 (permalink)  
Old 02-20-10, 04:58 AM
Akos Akos is offline
New Member
 
Join Date: Jan 2010
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
[url=http://www.freecsstemplates.org]Download free CSS templates - Free CSS Templates[/url]
Released for free under a Creative Commons Attribution 2.5 License

Name       : Bamboo  
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20090820

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="http://www.3leaves-label.com/favicon.ico" >
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>3LEAVES //sound adventures at your home</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="header-wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#">3leaves   </a></h1>
			<p> //sound adventures at your home</p>
		</div>
	</div>
	</div>
	<!-- end #header -->
	<div id="menu">
	  <ul>
			<li class="current_page_item"><a href="index.html">Home</a></li>
			<li><a href="artists.html">Artists</a></li>
			<li><a href="releases.html">Releases</a></li>
			<li><a href="distribution.html">Distribution</a></li>
			<li><a href="press.html">Press</a></li>
		</ul>
	  <ul>
	    <li><a href="http://3leaves-label.com/zen_cart/">Webshop</a></li>
      </ul>
	</div>
	<!-- end #menu -->
	<div id="page">
	<div id="page-bgtop">
	<div id="page-bgbtm">
		<div id="content">
			<div class="post">
				<h3 class="title"><a href="#">NEW RELEASE IS OUT!</a></h3>
              <p class="meta">Posted by <a href="mailto:info@3leaves-label.com" target="_blank">Ákos Garai</a> on 15th February, 2010 				</p>
	            <div class="entry">
				  <p align="left">We are proud to announce our second release <strong>Habitats</strong> by   German artist, founder member of the <a href="http://www.gruenrekorder.de" target="_blank">Gruenrekorder</a> label <em>Lasse-Marc Riek</em>. </p>
                <p align="left">The edition contains two discs: one for audio composition that opens with   Riek's introductory spoken word, and the other, which presents <strong>Habitats   from Finland</strong>, a slideshow video that based on photographs by <em>Anne-Berit Riek</em>.</p>
                <p align="left">Artwork printed in B6 size folded sleeve. 150 hand-numbered copies was   manufactured. </p>
                <p align="left">We are present you the release packaged in crystal clear sealable Daiso bag   with great pleasure. For further details please see page &quot;Releases', if you wish to   order, drop around our <strong>Webshop</strong>.</p>
              </div>
			</div>
</div>
		<!-- end #content -->
		<!-- end #sidebar -->
		<div style="clear: both;"></div>
	</div>
	</div>
	</div>
	<!-- end #page -->
</div>
<div id="footer-wrapper">
	<div id="footer">
		<p>(c) 2010 3leaves-label.com. powered by <a href="http://www.hosting24.com">hosting24.com</a>. Design based on <a href="http://www.freecsstemplates.org/" target="_blank">Free CSS Templates</a>.</p>
	</div>
	<!-- end #footer -->
</div>
</body>
</html>

Last edited by Nico; 02-20-10 at 05:09 AM.
Reply With Quote
  #4 (permalink)  
Old 02-20-10, 10:36 AM
wirehopper's Avatar
wirehopper wirehopper is offline
-
 
Join Date: Feb 2006
Posts: 2,515
Thanks: 20
Thanked 109 Times in 106 Posts
Put an id on the last element on the menu and suppress the border.
Reply With Quote
  #5 (permalink)  
Old 02-20-10, 10:59 AM
Akos Akos is offline
New Member
 
Join Date: Jan 2010
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by wirehopper View Post
Put an id on the last element on the menu and suppress the border.
Could you please do a favour for me and paste the edited code here?
Reply With Quote
  #6 (permalink)  
Old 02-25-10, 05:57 AM
CodeRobber's Avatar
CodeRobber CodeRobber is offline
Newbie Coder
 
Join Date: Feb 2010
Location: Leicestershire UK
Posts: 19
Thanks: 0
Thanked 2 Times in 2 Posts
Hi There,

What you could do is simple add a class or id to that final menu item like wirehopper said.

Try

<ul>
<li class="lastitem"><a href="http://3leaves-label.com/zen_cart/">Webshop</a></li>
</ul>

Then in your CSS simply style it like .lastitem { border: 0px; }

or something similar
Reply With Quote
The Following User Says Thank You to CodeRobber For This Useful Post:
wirehopper (02-28-10)
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Superfish jquery menu problems with modification transcend2005 CSS 2 03-25-09 01:30 AM
No error message... stormshadow PHP 3 12-11-06 06:31 PM
Redirection back to a page from form submit DAL Perl 11 03-21-05 02:45 PM
I most definately suggest DevelopingCentral.com For Any Website Design/Development! Salty777 General Advertisements 2 10-01-04 04:27 AM
asp-iis-Server error nsuresh_rasr ASP.NET 3 02-08-04 12:47 AM


All times are GMT -5. The time now is 09:12 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.