HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

10-12-2006, 21:00
|
joextra
Registrierter Benutzer
|
|
Registriert seit: Jul 2005
Beiträge: 260
|
|
Problem mit Menü beim firefox
Hi,
ich sitze nun schon seit stunden an diesen misst und komme nicht weiter. Ich bastle grad ein Menü. Beim ie siehts aus wie es aussehen sollte, nur macht jetzt der blöde firefox probleme (siehe Bild)
Hier der Code:
[CODE]
.leftMenu {
background-image: url(imagesOld/menuArrowBG1.gif);
background-position: right;
vertical-align:top;
width:257px;
height:19px;
margin:0px;
}
.leftMenu a {
font-family:Verdana, Arial;
font-size:11px;
color:#000000;
text-decoration:none;
vertical-align:middle;
width:257px;
height:19px;
line-height:19px;
padding-left:27px;
margin:0px;
}
.leftMenu a:hover {
font-family:Verdana, Arial;
font-size:11px;
color:#000000;
text-decoration:none;
background-image: url(imagesOld/menuArrowBG2.gif);
width:257px;
height:19px;
}[CODE]
Und hier wird das ganze aufgerufen:
Code:
<div class="leftMenu"><a href="">Top News</a></div>
Wie kriege ich es hin, das das ganze Menü beim hover mit den anderen Bild ganz ausgetauscht wird, und nicht nur zum teil wie auf dem Bild zu sehen?
__________________
Erfahrungen vererben sich nicht jeder muss sie allein machen.
|

10-12-2006, 21:13
|
jmc
PHP Junior
|
|
Registriert seit: Mar 2006
Beiträge: 868
|
|
schreib mal background-image: url(imagesOld/menuArrowBG1.gif); unter .leftMenu a statt unter .leftMenu
|

10-12-2006, 21:29
|
joextra
Registrierter Benutzer
|
|
Registriert seit: Jul 2005
Beiträge: 260
|
|
wenn ich das so mache, wird das hintergrundbild nach unten verschoben und ist nicht mehr mittig (wie man auf den bild bei hover erkennen kann)
__________________
Erfahrungen vererben sich nicht jeder muss sie allein machen.
|

11-12-2006, 00:54
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Re: Problem mit Menü beim firefox
Da a von Haus aus ein inline-Element ist, müssen width und height natürlich wirkungslos bleiben - deine Links sind also nur so groß, wie es ihr Inhalt erfordert.
display:block oder floating schafft Abhilfe.
Außerdem brauchst du die allgemeinen Angaben für a bei a:hover nicht noch mal alle extra zu wiederholen.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

11-12-2006, 11:03
|
joextra
Registrierter Benutzer
|
|
Registriert seit: Jul 2005
Beiträge: 260
|
|
tatsächlich, damit klappt es fast. durch das padding-left:27px; wird jetzt aber 27 pixel nach rechts zu viel angezeigt. gibt es eine andere möglichkeit als mit padding den text um 27 pixel zu verschieben?
__________________
Erfahrungen vererben sich nicht jeder muss sie allein machen.
|

11-12-2006, 11:15
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Zitat:
Original geschrieben von joextra
durch das padding-left:27px; wird jetzt aber 27 pixel nach rechts zu viel angezeigt.
|
Du meinst, die Berechung nach dem Boxmodell ist jetzt korrekt?
Zitat:
gibt es eine andere möglichkeit als mit padding den text um 27 pixel zu verschieben?
|
Du kannst das padding ruhig beibehalten, wenn du width entsprechend veringerst.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

11-12-2006, 11:15
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.781
|
|
laut box-modell werden die 27 pixel zur gesamtbreite hinzugezählt. also muss die breitenangabe um diesen wert verkleinert werden. und bevor du fragst: im ie siieht das aber sauber aus, der hat eine bug. siehe meinen link.
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

11-12-2006, 11:28
|
joextra
Registrierter Benutzer
|
|
Registriert seit: Jul 2005
Beiträge: 260
|
|
ne, so klappt es auch nicht. wenn ich die 27pixel von der width wegnehme, fehlen die im ie. im ff siehts dann gut aus, im ie aber so (siehe bild)
__________________
Erfahrungen vererben sich nicht jeder muss sie allein machen.
|

11-12-2006, 11:32
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Zitat:
Original geschrieben von joextra
ne, so klappt es auch nicht.
|
Doch, tut es - wenn du es richtig machst.
Zitat:
wenn ich die 27pixel von der width wegnehme, fehlen die im ie.
|
Warum die "fehlen", und was du dagegen tun kannst, ist auf der von mir verlinkten Seite ausführlich erklärt - also beschäftige dich bitte damit, anstatt jedes mal sofort "funzt nich" zu plärren.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

11-12-2006, 11:33
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.781
|
|
falsche doctype. nimm html strict oder xhtml.
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

11-12-2006, 11:51
|
joextra
Registrierter Benutzer
|
|
Registriert seit: Jul 2005
Beiträge: 260
|
|
@Kropff
ja, jetzt klappt es. danke, wieder etwas dazu gelernt.
@wahsaga
du hast schon recht, aber wenn man stunden lang an so einen blöden problem hängt ohne auf eine lösung zu kommen, ist man irgend wann so genervt das man einfach keinen bock mehr hat.
__________________
Erfahrungen vererben sich nicht jeder muss sie allein machen.
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|