[CSS] - link:active - wie geht das?

[bubu-der-uhu]

Hallo!

Also wenn ich in Css folgendes definiere

a.link
{
background-image:url(../grafik/navi-bkgrd.jpg);
color:#3399CC;
text-decoration:none;
padding: 1px 1px 1px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-repeat:repeat-y;
display:block;}
a.link:hover, a.link:active
{
background-image:url(../grafik/navi-bkgrd-hover.jpg);
color:#FFCC00;
padding: 1px 1px 1px 20px;
display:block;}

und dann mach ich solche links:

    <a class="link" href="steckbrief.php?Name=Berger">Berger</a>
    <a class="link" href="steckbrief.php?Name=Brandhuber">Brandhuber</a>
    <a class="link" href="steckbrief.php?Name=Dicker">Dicker</a>

... dann sollte doch wenn ich eine dieser Seiten loade, der dazugehörige link den entsprechenden :active style haben oder?
....hmmm... hat er aber nicht!

weis jemand wie das gehen würde?

 

[dkdenz]

Wenn das mal so einfach wäre...
Erstmal stimmt die Reihenfolge nicht,
und zweitens ist mit active der Moment gemeint,
wo Du auf den Link klickst und eventuell den Mauszeiger gedrückt hälst.
Detailiertere Angaben und Informationen hier:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

 

[bubu-der-uhu]

Oh... schade!
Da gibts tausend sachen wenn man drüberfährt, draufklickt, loslässt und sonstigen schmarn aber checken ob man auf dieser Seite surft nicht !!! ... Ich hätte das eigentlich für sehr sinnvoll gehalten.

Trotzdem Danke dkdenz für die schnelle Antwort!
------------------------------------------------------------------------------------------------

Jetzt zu etwas gaaaanz anderem
ich möchte in einem Div (overflow nur in y-Richtung) lauter kleine Bilder nebeneinander anordnen, um diese dann horizontal durch zu scrollen. Aber der Browser ordnet diese alle untereinander an?!?!?
ein img {float:left; display: inline;} hat nichts geholfen. und ein <br> hab ich auch nicht zwischen den Bildern.

Ideas, Anyone? Thx, Bubu

 

[dkdenz]

Hast Du auch eine feste Höhe explizit angegeben?

 

[bubu-der-uhu]

Jap!

<div style"height 170px;">

Die anderen Bilder verschwinden einfach im "nicht bescrollbaren" div-Bereich.

wenn ich den Div vertikal scrollbar mache funktioniert es - nur horizontal eben nicht

 

[dkdenz]

Versuch:

#querscroll {
    width:780px; /*angenommener Wert*/
    height:170px; /*oder auch mal [B]max-height:170px[/B] probieren*/
    overflow:auto; }

Das da: <div style"height 170px;"> ist falsch...
Muss heissen: <div style="height:170px;">

 

[bubu-der-uhu]

hmmm... nein, geht auch nicht - auch nicht mit max-height!

Es funktioniert wenn ich in den scrollbaren <div> noch einen <div> setzte mit z.B.: width: 1000px;

-> das ist aber erstens nicht sonderlich schön und
->zweitens wird sich die Anzahl der Bilder irgendwann erhöhen (wird ja Dynamisch) .... wenn ich nun so viele Bilder habe das sie insgesamt wieder länger als 1000px sind, dann verschwinden diese wieder und sind es weniger, kann ich ins "NICHTS" scrollen.

...ich versteh nicht wieso das mit float nicht funktioniert????

hier mal mein Css-stylesheet:

a, img { float: left; display:inline; }    //da <img> in einem link ist bzw. ein link ist

#querscroll {
    width:500px; /*angenommener Wert*/
    height:170px; /*oder auch mal max-height:170px probieren*/
    overflow:auto;
    overflow-y:hidden;
    margin-left:0px;
    margin-top: 0px;
    background-color:#000000; }

im <div> siehts dann so aus

<a href="../galerie/ferrari-de.html" target="show"><img src="../galerie/picto/ferrari.jpg" width="170" height="170" border="0"></a> <a href="../ .....usw.

....achja: das mit dem style= ... war mir schon klar, hab ich ja auch richtig! War nur kurz so ausm FF rausgeschrieben

 

[dkdenz]

Mach mal das Leerzeichen aus dem QT raus. Vielleicht tut sich ja was...

ht="170" border="0"><[B]/a> <a hr[/B]ef="../ .....usw

 

[bubu-der-uhu]

Nein Leider.... geht trotzdem nicht!
Er zeigt mir immernoch 2Bilder per "Zeile" an.

 

[melanie_s]

bist du jetzt schon zu einer lösung gekommen?

 

[romeo22]

Hallo

Versuche es doch mit document.scroll(soviele Pixel wie das/die wievielte Bild breit ist/sind,0) . Du löst das Scrollen doch aus einem Link aus nicht?

Gruss

 

[bine]

Zu deiner ersten Frage:
Du kannst der entsprechenden Seite im href die id="active" zuweisen und den css style a#active mit einer individuellen Definiton versehen.

 

[romeo22]

Mach doch einfach eine 1X1 Tabelle in das Div rein und gibst dem Div overflow:auto und der Tabelle die Höhe und Breite. Das klappt ganz sicher

Viel Glück