ugrás a tartalomhoz

Aktiv CSS menupont kiemelese

Anonymous · 2005. Júl. 6. (Sze), 21.58
Sziasztok!

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;
}


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>


Hogyan tudnam elerni, hogy az eppen aktualisan megjelenitett oldalhoz tartozi link kiemelt legyen? Mondjuk olyan, mint a a:hover???
Koszi!
‹ Logó háttérképként CSS-ben Képek, fotók optimalizálása webre ›
 ■
1

PHP

Anonymous · 2005. Júl. 6. (Sze), 22.08
Erre két megoldás van:

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
2

Kicsit bovebben

Anonymous · 2005. Júl. 6. (Sze), 22.43
A megoldast kicsit tudnad reszletezni?
3

Re: Aktiv CSS menupont kiemelese

attlad · 2005. Júl. 6. (Sze), 22.49

<div class="buttonscontainer">
            <div class="buttons">
                <a href="#">menupont1</a>
                <a href="#" class="active">menupont2</a>
                <a href="#">menupont3</a>
                <a href="#">menupont4</a>
                <a href="#">menupont5</a>
                <a href="#">menupont6</a>
            </div>
</div>
Attila
4

Így szebb lenne:

kgyt · 2005. Júl. 7. (Cs), 11.51

<ul class="menu">
        <li><a href="#">menupont1</a></li>
        <li class="actual"><a href="#">menupont2</a></li>
        <li><a href="#">menupont3</a></li>
        <li><a href="#">menupont4</a></li>
        <li><a href="#">menupont5</a></li>
        <li><a href="#">menupont6</a></li>
</ul>
Az active helyett inkább az actual szót ajánlom, mivel az active már mást is jelent likek esetében (ráklikkelés - :active).

ja és a css-ben:

.menu a:hover, .menu .actual a {
--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
5

Koszonom!

Anonymous · 2005. Júl. 7. (Cs), 12.19
kgyt es attlad: koszi a hasznos segitseget!!!
6

Létrehozod és beállítod

zvaranka · 2005. Júl. 7. (Cs), 16.04
Létrehozod és beállítod az alábbi css behjegyzést.

.buttons a:active {
...
}

--------------
Varanka Zoltán
www.novoportal.hu
--------------