YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » valid, aber IE machts den Hover(hintergrund) anders

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

2.394 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

valid, aber IE machts den Hover(hintergrund) anders

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Motscho
Mitglied

Dabei seit: 01.10.05
Beiträge: 105

valid, aber IE machts den Hover(hintergrund) anders

Antworten Zitieren Editieren Melden UP

Zu sehen auf :
http://gfxfuture.de/motscho/hover/navi_hover.html

Der Code ist valide laut validome.org.

Firefox interpretiert alles komplett richtig (bzw. so wie ichs haben will)
Nur der IE macht Mucken.

Der IE ändert den Hintergrund nur, wenn man gerade draufklickt (Maustaste gedrückt halten Augenzwinkern

) und da verschiebt er den Rest der Navigation auch noch.

Kann man den Code so anpassen, dass er bei beiden (allen) Browser richtig angezeigt wird ?

__________________

18.04.06 16:47

E-Mail Finden Als Freund hinzufügen

Broken Sword Broken Sword ist männlich

Mitglied

Dabei seit: 18.06.04
Beiträge: 537
Forenversion: 2.3

Antworten Zitieren Editieren Melden UP

pack in

code:
1: 2: 3:	.navifont, .navifont a, .navifont a:link, .navifont a:visited

einfach

code:
1: 2: 3:	background-image:url(http://gfxfuture.de/motscho/hover/bg.gif);

von da unter rein und dann funtzts auch für IE Augenzwinkern

p.s.
http://jigsaw.w3.org/css-validator/valid...&usermedium=all

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Broken Sword: 18.04.06 17:19.

18.04.06 17:17

WWW Finden Als Freund hinzufügen

Motscho
Mitglied

Dabei seit: 01.10.05
Beiträge: 105

Themenstarter Thema begonnen von Motscho

Antworten Zitieren Editieren Melden UP

Ok, dass hab ich jetzt gemacht und zumindest ändert der IE jetzt das Hintergrundbild beim Drüberfahren (achja als Hintergrundbild hab ich ein transparentes *.gif genommen, da das sonst nicht mit dm Hintergrund harmoniert, sollte aber ja eigtl. nichts ausmachen)

Also, er ändert jetzt den Hintergrund, nur fängt der IE den Hintergrund zu tief an. Bzw. vergleich/schau selbst.

Der Hintergrund beim Drüberfahren müsste auch ganz oben anfangen, nur tut ders erst ab dem höchsten Punkt der Schrift.

Ich hoffe es ist verständlich was ich mein, ansonsten sag es und ich mach schnell einen Screenshot Augenzwinkern

Auf jeden Fall schonmal vielen Dank Freude

__________________

18.04.06 17:37

E-Mail Finden Als Freund hinzufügen

Broken Sword Broken Sword ist männlich

Mitglied

Dabei seit: 18.06.04
Beiträge: 537
Forenversion: 2.3

Antworten Zitieren Editieren Melden UP

mit dem tr-code siehts im IE und Opera am besten aus Augenzwinkern

code:

1:
2:
3:
4:
5:
6:

<tr>
     <td align="left" class="navifont" style="vertical-align:middle;border:1px #000000 solid;">
     <span class="navifont"><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a><a href="http://gfxfuture.de/motscho/hover/index.html">Link</a></span></td>
    </tr>

Gruß

18.04.06 17:56

WWW Finden Als Freund hinzufügen

Motscho
Mitglied

Dabei seit: 01.10.05
Beiträge: 105

Themenstarter Thema begonnen von Motscho

Antworten Zitieren Editieren Melden UP

Danke, jetzt passt so wie ich will :-P

Danke,Danke und nochmals Danke :-)

__________________

18.04.06 18:06

E-Mail Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » valid, aber IE machts den Hover(hintergrund) anders