Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Bilderlinks mit hover erst mit hover sichtbar
#1
Ich hab ein Menü erstellt(Siehe Bild), doch diese werden erst sichtbar wenn ich mit der Maus darüber gehe. Dann laufen die Bilder ganz normal. Ich hab die Bilder mit einem onMouseover ausgestattet, doch der Code muss funktionieren, denn auf der hauptseite(Homepage) funktioniert alles richtig, auch im IE,FF,Opera.
Diese Hover Probleme treten nur im IE und FF auf, im Opera nichtRolleyesShy.
Wie kann ich dieses Problem lösen?:question:

PS: Ich hab den Homebutton mal sichbar gemacht, damit es besser aussieht von unten her, denn dann ist das ganze Menü unten nach oben verschoben.


Angehängte Dateien Thumbnail(s)
   
Keinen Support per PN, eMail und Messenger
computerhartware.de
GIGA - Spielen geht immer!
Zitieren
#2
mach doch einfach aus jedem Button eine Grafik draus (normal + hover, untereinander oder nebeneinander) und den Rest machst du im CSS. Die Hover-Effekte bekommst du dann indem du die Hintergrund-Position angibst.
Gruß Every

MyBB AquaX Theme by Every - coming soon...

MyBB 1.2.x
Debian 4.0 (Etch)
Lighttpd 1.4.x
PHP 5.2.x
MySQL 5.0.x
Zitieren
#3
Ähm... Diese Buttons sind bei mir Grafiken, im allgemeinen kapier ich den Satz net ganz wie du des meinst. Ich möchte jetzt keine andere Variante hernehmen, da ich schon zuviele hatte die mir Zeit gekostet haben und nicht funktionierten.
Ausschnitt:
Code:
<a href="index.php"><img id = "bild1"  src="../images/but1.png" onMouseOver="changeHover(this);" onMouseOut="changeNormal(this);" alt="Home" /></a>
<a href="klasse-icq.php"><img id = "bild2"  src="../images/but2.png" onMouseOver="changeHover(this);" onMouseOut="changeNormal(this);" alt="Klasse" /></a>
Keinen Support per PN, eMail und Messenger
computerhartware.de
GIGA - Spielen geht immer!
Zitieren
#4
Auf dem Screenshots sieht es so aus, als wären die Pfadangaben zu den Grafiken falsch. Kontrolliere diese bitte.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#5
Leider nein, alle richtig, das komische ist ja das Opera es perfekt anzeigt, also richtig.
Keinen Support per PN, eMail und Messenger
computerhartware.de
GIGA - Spielen geht immer!
Zitieren
#6
modercol schrieb:Ähm... Diese Buttons sind bei mir Grafiken, im allgemeinen kapier ich den Satz net ganz wie du des meinst.
Du hast bei jedem Button zwei Grafiken im Einsatz, einmal der normale und einmal für den Hover-Effekt. Deine Variante hat aber den Nachteil, dass die Hover-Grafik erst geladen wirde, wenn der Besucher mit der Maus darüber "fährt".

Hier ein Beispiel mit einer Grafik: http://nevios.de/every/every.html
CSS:
Code:
#menu-nav{
height: 50px;
}

#menu-nav ul {
list-style: none;
}

#menu-nav li{
float: left;
}

/* Buttons */

#menu-nav a.home{
display: block;
background: url(deine_grafik.gif) no-repeat left top;
width: 50px;
height: 50px;
}

#menu-nav a.home:hover{
background-position: 0px -50px;
text-decoration: none;
}

HTML:
Code:
<div id="menu-nav" >
<ul>
<li><a href="/home/" class="home" title="Home"u</a></li>
</ul>
</div>
Gruß Every

MyBB AquaX Theme by Every - coming soon...

MyBB 1.2.x
Debian 4.0 (Etch)
Lighttpd 1.4.x
PHP 5.2.x
MySQL 5.0.x
Zitieren
#7
Ich würde auch von Javascript abraten, da es sein kann, das es deaktiviert ist und dann wird es ja nicht angezeigt. Arbeite lieber mit CSS, so wie Every das geschrieben hat.

Zitieren
#8
Every schrieb:Deine Variante hat aber den Nachteil, dass die Hover-Grafik erst geladen wirde, wenn der Besucher mit der Maus darüber "fährt".
Nein eben nicht, dies ist nur im Forum so, bei der Hauptseite, funktioniert dies mit allen Browsern, selbst in meiner Coppermine Gallery wirds mit allen angezeigt.
Keinen Support per PN, eMail und Messenger
computerhartware.de
GIGA - Spielen geht immer!
Zitieren
#9
Kannst du mir mal beide Links, den zum Forum und zur Seite, geben?
Aber warum machst du es nicht mit CSS? Da geht es 100% in jedem Browser und überall, auch ohne Javascript. So ändert sich der Button nämlich nur wenn man Javasript aktiviert hat. Mit CSS ändert es sich IMMER.

Zitieren
#10
*Links wieder entfernt*
Keinen Support per PN, eMail und Messenger
computerhartware.de
GIGA - Spielen geht immer!
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  CSS class hover Theme auswahl lenox 7 2.431 19.02.2020, 21:45
Letzter Beitrag: StefanT
  Problem mit Hover Effekt SyntaX 3 1.552 17.10.2012, 10:01
Letzter Beitrag: SyntaX
  Oberes Menü (Suche, Help etc.) mit Hover Buttons versehen Laello 3 2.380 15.08.2008, 13:00
Letzter Beitrag: StefanT
  Tabellen Hover youfree 6 2.596 31.05.2008, 12:27
Letzter Beitrag: youfree
  Obere Navigation mit CSS-Hover im FiFo Gondlar 0 1.414 13.08.2007, 23:57
Letzter Beitrag: Gondlar