Aktiv CSS menupont kiemelese
Sziasztok!
Van egy ilyenem:
Hozza a HTML:
Hogyan tudnam elerni, hogy az eppen aktualisan megjelenitett oldalhoz tartozi link kiemelt legyen? Mondjuk olyan, mint a a:hover???
Koszi!
■ Van egy ilyenem:
/* ++++++++++++++++ Navigation ++++++++++++++++ */
.buttonscontainer {
width: 130px;
margin-left: 5px;
}
.buttons a {
color: #466289;
background-color: #FFFFFF;
padding: 2px;
padding-left: 5px;
display: block;
border-bottom: 1px solid A0AEC1;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;
border-bottom: 1px solid #A4C0E2;
}
.buttons a:hover {
background-color: #DBE8F9;
color: #FA6121;
text-decoration: none;
}
.buttonscontainer {
width: 130px;
margin-left: 5px;
}
.buttons a {
color: #466289;
background-color: #FFFFFF;
padding: 2px;
padding-left: 5px;
display: block;
border-bottom: 1px solid A0AEC1;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;
border-bottom: 1px solid #A4C0E2;
}
.buttons a:hover {
background-color: #DBE8F9;
color: #FA6121;
text-decoration: none;
}
Hozza a HTML:
<div class="buttonscontainer">
<div class="buttons">
<a href="#">menupont1</a>
<a href="#">menupont2</a>
<a href="#">menupont3</a>
<a href="#">menupont4</a>
<a href="#">menupont5</a>
<a href="#">menupont6</a>
</div>
</div>
<div class="buttons">
<a href="#">menupont1</a>
<a href="#">menupont2</a>
<a href="#">menupont3</a>
<a href="#">menupont4</a>
<a href="#">menupont5</a>
<a href="#">menupont6</a>
</div>
</div>
Hogyan tudnam elerni, hogy az eppen aktualisan megjelenitett oldalhoz tartozi link kiemelt legyen? Mondjuk olyan, mint a a:hover???
Koszi!
PHP
Vagy minden oldalon kézzel átírod vagy PHP-vel preprocessingben megcsináltatod. Biztos lehetne JavaScript-el is szívni, de semmi értelme.
ProClub
proclub##kukac##karinthy.hu
Kicsit bovebben
Re: Aktiv CSS menupont kiemelese
Így szebb lenne:
ja és a css-ben:
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
Koszonom!
Létrehozod és beállítod
...
}
--------------
Varanka Zoltán
www.novoportal.hu
--------------