Willkommen in der Webstatt Zum Webstatt Blog und Stories
Christian am 26.02.07 19:46

So, da kommen die Probleme wieder. Zum einen hätte ich gerne, dass über einem Link ein Bild erscheint, wenn ich mit der Maus über ihn fahre, zum anderen wüsste ich gerne, was an meinem Code falsch ist, dass er von Safari und IE nicht wie im FF dargestellt wird (safari: links untereinander; ie: links wie ne treppe nach unten).

http://sucker.sheep24.de/work/rar/#

Wäre für ein paar Tips dankbar :)

netcup.de Warum gibt es hier Werbung?
danieL danieL am 26.02.07 20:08

<style type="text/css">
#navigation li a:hover, #navigation li a:active{
padding: 6.5em 0 0 0;
border-top: 0.5em solid #015be3;
background-image: url(bild.jpg);
}
</style>


Das Bild so wählen, das jeweils "unter" dem Rand nichts ist (0,5em) und "hinter" der Schrift nichts ist.

Christian am 26.02.07 20:10

Das is ja ne geile Idee, danke :)

danieL danieL am 26.02.07 20:12

Quote
Original von Christian
Das is ja ne geile Idee, danke :)


So wäre für jeden Link aber das gleiche Bild, du müsstest für "individuelle" Bilder jedem <li>-Tag evtl. eine Klasse/ID zuweisen und einzelne Hintergrundbilder vergeben.

Christian am 26.02.07 20:19

jau, das wäre mir dann zum glück auch wieder eingefallen ;)

€: Die Lösung für das IE und Safari Problem:

Quote
Man sollte grundsätzlich die "äußeren" Elemente floaten, in deinem Fall also die Listeneinträge (LI-Elemente) und nicht die Links.

danieL danieL am 27.02.07 16:03

Quote
Original von Christian€: Die Lösung für das IE und Safari Problem:

[QUOTE]Man sollte grundsätzlich die "äußeren" Elemente floaten, in deinem Fall also die Listeneinträge (LI-Elemente) und nicht die Links.
[/quote]

... und wieder was gelernt :)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt