Links mit css

funk-feuer · 29.03.2007, 13:51

Hallo,

ich habe ein Problem: Und zwar habe ich auf einer Website die Links mit css beschrieben. Es soll wenn mit mit der Maus drüberfährt eine Grafik vor dem Link erscheinen, die Link selbst soll weiß sein. Erstmal wollte ich wissen, ob es irgendeine Möglichkeit gibt auch dem IE zu verklickern, dass er dieses background-image:url() anzeigt - der tut das nämlich nicht. Zudem gibt es eine Möglichkeit dieses background-image:url() zu positionieren? Also so dass es vor dem Link sitzt?

Jetzt kommt meine eigentliche Frage: Im Inhaltsbereich der Website ist der Hintergrund weiß, wenn ich da also etwas verlinkt stellt er es mir weiß dar und zeigt bei mouse over immer die grafik an. Das möchte ich aber nicht, da sich weiß auf weißem Hintergrund so schlecht liest ;-) Wie kann ich das umgehen? Ich hab es schon mit folgendem versucht:

#imtext a:link, a:visited, a:hover, a:active{text-decoration:underline; color:#000000;}

da ändert er zwar die Schriftfarbe, zeigt aber trotzdem die Unterstreichung nicht dafür beim mouse over immer die Grafik.

Wäre toll, wenn mir da jemand weiterhelfen könnte.

Viele Dank

funk-feuer

Mich@el · 29.03.2007, 14:58

Hallo funk-feuer.
Hier ist ein ähnliches Beispiel. Schau Dir mal den Code an. Vielleicht hilft´s Dir weiter.

Grüße
Michael

funk-feuer · 29.03.2007, 15:25

hallo,

ja ich denke das hilft mir sehr weiter!!!

dankeschön!

funk-feuer · 01.05.2007, 15:46

Hallo,

also, wie ich feststellen musste, hilft mir das doch nicht weiter und meine frage bleibt offen. Ich finde in dem Beispiel nicht das css oder besser gesagt die class nogo.....

also kam ich bei meinem Problem jetzt doch nicht zum Ziel. Kann mir da nochmal jemand einen Tipp geben?

Vielen Dank für eure Hilfe!

funk-feuer

Mich@el · 01.05.2007, 17:21

Zitat:

Zitat von funk-feuer

Ich finde in dem Beispiel nicht das css oder besser gesagt die class nogo.....

rechte Maustaste schon benutzt?

PHP-Code:


			
<style type="text/css">



#menu {padding:0; margin:40px 15px; width:0;}



#menu li {list-style-type:none; width:200px; height:20px; margin:2px 0; clear:both;}



#menu a, #menu a:visited {position:relative; display:block; width:120px; height:18px; border:1px solid #000; background-color:#f8f8e8; color:#000; padding-left:3px; text-decoration:none;}



#menu a span, #menu a:visited span {display:none;}



#menu a:hover {color:#fff; background-color:#65707b; border:1px solid #000; text-decoration:none;}



#menu a:hover span {position:absolute; display:block; left:130px; top:0; width:0px; height:0px; border-left:8px solid #c00; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px; line-height:0;}



* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}





</style>



</head>



<body>

<ul id="menu">

        <li><a href="#nogo" title="">Item one<span></span></a></li>

        <li><a href="#nogo" title="">Item two<span></span></a></li>

        <li><a href="#nogo" title="">Item three<span></span></a></li>

        <li><a href="#nogo" title="">Item four<span></span></a></li>

        <li><a href="#nogo" title="">Item five<span></span></a></li>

</ul>

</body>

Grüße
Michael

funk-feuer · 01.05.2007, 17:25

hallo,

ja das hab ich auch gesehen. hatte wohl vorhin ein blackout. dachte irgendwie das a href #nogo ruft ne id auf....

ok, danke.

Mich@el · 01.05.2007, 17:27

Zitat:

Zitat von funk-feuer

...hatte wohl vorhin ein blackout...

Ist gut möglich bei dem Wetter ohne Kopfbedeckung!

Bei Fragen, fragen!
Michael

Links mit css

dankeschön

hilft mir doch nicht