[Tryzero]

Hallo Leute,

ich bin grad dabei eine Website komplett Tabellenfrei mit CSS zu gestalten. Ich möchte nun einen Effekt haben, das ich zB beim Anklicken eines Linkes, der aktiviert wird, ein anderes bild in der Navi steht und bleibt. Je nachdem welchen Link ich aktiviere. Kann mir da jemand helfen? Habe schon ein bisschen gesucht, aber leider nichts gefunden.

Beispiel:

Vorher

Link 1
Link 2 <---- KLICK
Link 3

Nachher

Link 1
>> Link 2
Link 3

Danke schonmal :/

mfg try

[Jojo]

Meinst du eins von denen beiden?

[Tryzero]

Jo, das erste. Nur bei mir klappt das nicht, ich zeig dir mal den code:

        <div id="menu">
            <ul>
                <li><a href="<?=URLPFAD?>link1">Link1<span>&nbsp;</span></a></li>
                <li><a href="<?=URLPFAD?>link2">Link2<span>&nbsp;</span></a></li>
                <li><a href="<?=URLPFAD?>link3">Link3<span>&nbsp;</span></a></li>
            </ul>
        </div>

der CSS Code:

#menu ul
{
list-style: none;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
font-weight: bold;
}

#menu a
{
display: block;
position: relative;
width: 168px;
height: 27px;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
background-image: url('../../images/bbg0.gif');
padding-left: 17px;
padding-top: 11px;
color: #636363;
text-transform: lowercase;
font-size: 13px;
}

#menu a span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/menu/x1.gif') no-repeat; 
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/menu/arrow-plus.gif') no-repeat;
}

#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('../../images/bbg1.gif');
}

Soweit dazu: Bedeutet wenn ich zB über einen der Links gehe erscheint arrow-plus.gif wenn ich wieder weggehe wieder x1.gif

ich möchte das ich zB über link1 gehe also arrow-plus.gif erscheint, es anklicke und wenn die seite geladen ist und ich sie mir durchlese anstadt des x1.gif nun ein arrow-minus.gif erscheint... irgendwie klappt das aber net

mfg try

[Jojo]

Also die Frage ist, ob du das mit echten Verweisen machen willst, oder du die Links nur brauchst, um andere Sachen auszulösen.
Bei zweiterem hilft dir eventuell das hier: http://de.selfhtml.org/css/eigenscha...udoformate.htm

Wenn du bei verschiedenen Seiten verschiedene Bilder haben möchstest, dann kommst du mit CSS nicht weit.
mit PHP schon eher.

[Tryzero]

Danke, habe es nun doch mit PHP realisiert. Trotzdem THX.

mfg
try