1 reply to this topic

[Celio TI C.]

Quero retirar a o ultimo separador do meu menu... minha logica nao esta boa e sou nubie no CSS entao se alguem poder me ajudar thnx !

#navbar {
	margin: 0 auto;
	padding: 0;
	position: left;
	width: 750px;
	height: 28px;
	background: #9c0 url(images/nav-bg.png) 0 0 repeat-x;
	font: bold 12px tahoma, Arial, Helvetica, sans-serif;
}

#navbar ul {
	list-style-type:non;
	margin-left:auto; /*Manter alinhado com o navegador !!!*/
	margin-right:auto;/*Manter alinhado com o navegador !!!*/
    margin-top:0;
    display:table;
	
}

#navbar li {
	padding: 0 2px 0 0;
	margin: 0;
	float: left;
	background: url(images/nav-sep.png) 100% 0% no-repeat;
}


#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
	display: block;
	float: right;
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
    color: #fff;
    text-decoration: none;
}

#navbar ul li a:hover {
	background: url(images/nav-bg.png) 0 100% repeat-x;
}

[wilsoncsousa]

<style type="text/css">

#navbar {

	background: #9c0 url(images/nav-bg.png) 0 0 repeat-x;

	display:table;

	font: bold 12px tahoma, Arial, Helvetica, sans-serif;

	height: 28px;

	list-style-type:none;

	margin: 0 auto;

	padding: 0;

	position: left;

	width: 750px;

}

#navbar li {

	background: url(images/nav-sep.png) 100% 0% no-repeat;

	float: left;

	margin: 0;

	padding: 0 2px 0 0;

	text-align:center;

	width:200px;

}

#navbar li a:link, #navbar li a:active, #navbar li a:visited {

	color: #fff;

	display: block;

	height: 28px;

	line-height: 28px;

	text-decoration: none;

}

#navbar li a:hover {

	background: url(images/nav-bg.png) 0 100% repeat-x;

}



#navbar li.last{

	background:none;

}

</style>



<ul id="navbar">

	<li><a href="#">ttt</a></li>

	<li><a href="#">rrr</a></li>

	<li class="last"><a href="#">eee</a></li>

</ul>