zur Abwechslung tuts mal nicht im Firefox!? inlines.
13pixelchen
- css
0 MudGuard0 schwarze Piste0 Cybaer
0 13pixelchen
Hi,
Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css
Bitte helft mir!
Ich verzweifle noch...
Hi,
Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css
Dein erster Link (die anderen hab ich nicht angeschaut)
<a href="#" id="picmenu1"></a>
hat also keinen Inhalt.
Er hat u.a. folgende Styles:
display: inline;
width: 99px; height: 40px
Mit display:inline sagst Du, daß der Link so breit und so hoch sein soll wie sein Inhalt und daß demzufolge width und height ignoriert werden.
Der Link hat aber gar keinen Inhalt ==> Breite und Höhe bewegen sich im Bereich zwischen 0 und 0.
Statt inline eher block verwenden und dazu float.
cu,
Andreas
Ja, er hat keinen Inhalt weil es ja nur ein Image Rollover in CSS werden soll. mit Float und block hab ichs schon probiert, auch das macht ausschließlich Firefox nicht mit.
Hi,
Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css
Dein erster Link (die anderen hab ich nicht angeschaut)
<a href="#" id="picmenu1"></a>
hat also keinen Inhalt.Er hat u.a. folgende Styles:
display: inline;
width: 99px; height: 40pxMit display:inline sagst Du, daß der Link so breit und so hoch sein soll wie sein Inhalt und daß demzufolge width und height ignoriert werden.
Der Link hat aber gar keinen Inhalt ==> Breite und Höhe bewegen sich im Bereich zwischen 0 und 0.Statt inline eher block verwenden und dazu float.
cu,
Andreas
Tachchen!
Ja, er hat keinen Inhalt weil es ja nur ein Image Rollover in CSS werden soll. mit Float und block hab ichs schon probiert, auch das macht ausschließlich Firefox nicht mit.
Andere haben es hinbekommen. ;-)
Gruß
Die schwarze Piste
Tachchen!
Display:inline und width-Angaben schließen sich schon begrifflich aus.
Gruß
Die schwarze Piste
Hi,
Display:inline und width-Angaben schließen sich schon begrifflich aus.
Eigentlich nicht. "xxxxxx" hat schließlich auch stets eine Breite von "6ex" ohne daß der Inline-Status schaden nimmt. ;)
Gruß, Cybaer
Tachchen!
Eigentlich nicht. "xxxxxx" hat schließlich auch stets eine Breite von "6ex" ohne daß der Inline-Status schaden nimmt. ;)
Um deiner Ansicht zu widersprechen, hätte ich schreiben müssen,
"Inline-Elemente haben keine Breite" ... habe ich aber nicht! ;-)
Gruß
Die schwarze Piste
Erstaunlich. Schon wieder macht Firefox Probleme.
Ich hab zuviel Space unter dem großen Bild im Firefox, im IE und Opera nicht. Es sind ca. 4 Pixel zu viel weiß, wodurch der Rahmen ungleichmäßig ist. Weiß jemand warum diesmal?
PS: Die Bilder habe ich nun durch ein Javascript Rollover gelöst. Ich habe nach zwei Stunden Recherche keine einfachere CSS Methode gefunden, obwohl ich ja gerne alles in CSS machen würde.
Hi,
Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css
Bitte helft mir!
Ich verzweifle noch...