меню

[animatora]

здравейте имам едно цсс меню ети кода:

ul#nav {
	line-height:125%;
	height:3em;
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	text-align: center;
	width:60%;
}

ul#nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: right;
}

ul#nav li a {
	display: block;
	font-size: small;
	color: #CC0000;
	background-color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

ul#nav li a:hover { 
	border-bottom:3px solid #CC0000;
}

ul#nav a.selected { 
	border-bottom:3px solid #CC0000;
}

<ul id="nav">
<li><a href="#">1</a></li>

<li><a href="#"><2</a></li>
<li><a href="#">3</a></li>
<li><a class="selected" href="#">4</a></li>
</ul>

сега искам да пиам за6то когато избера примерно страница 2 не я под4ертава искам да под4ертава страницата на която съм

 

[adrian]

ul#nav li a:active {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}
Добави горния код

 

[MontefuckeR]

в цссто- си задал :

ul#nav li a {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: none; }

а после използваш <li>
:roll:

 

[animatora]

ul#nav li a:active {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}
Добави горния код

не става

 

[MontefuckeR]

<ul id="nav">
<li><a href="#">1</a></li>

<li><a href="#" style="text-decoration:underline"><2</a></li>
<li><a href="#">3</a></li>
<li><a class="selected" href="#">4</a></li>
</ul>

 

[animatora]

аз искам да не подчертава постоянно бутона а примерно съм на хоме и бутона хоме да е под4ертан

 

[adrian]

Тогава направи така...като си във втората страница линк-а му дай class="underline"
и в css направи
ul#nav li a.underline {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}

Ще е нещо от сорта на:
Като си в страница 1, линковете ще са ти така:
<ul id="nav">
<li><a href="#" class="underline">1</a></li>

<li><a href="#"><2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>

Като си на втора страница ще ти е така:
<ul id="nav">
<li><a href="#">1</a></li>

<li><a href="#" class="underline"><2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>

и аналогично с другите страници...за този начин се сещам аз

 

[animatora]

мерси :?: