CSS in PHP / Firefox?
Dodu
- css
Ja Hallo ersteinmal! :D
Ich bin ein bisschen am PHP lernen und habe da so eine Gallerie erstellt, die aber noch nicht fertig ist.
Nun habe ich um die Bilder ein Hover gemacht mit einem Rahmen. Im IE sieht es ganz normal aus, um das Bild hat es einen weissen Rahmen und wenn man mit der Maus über das Bild fährt wird der Rahmen grau.
Ok alles gut! Aber im Firefox wird der Rahmen so komisch(schei***) dargestellt...keine ahnung warum.
Hier meine CSS anweisung:
a#bild:link {
border: 1pt solid #FFFFFF;
}
a#bild:active {
border: 1pt solid #FFFFFF;
}
a#bild:visited {
border: 1pt solid #FFFFFF;
}
a#bild:hover {
border: 1pt solid #666666;
}
das ganze findet ihr auf:
http://www.dominikduerst.ch.vu/php/dgalleriev1.0/dgallerie.php
Vielen dank für die hilfe schon im voraus!
Greez
Hy du also ich weis nicht was du hast ich habe es im firefox ausprobiert und es funktionirt einwandfrei.
Schau mal deine einstellungen im firefox nach.
MFG ossi
Schau mal deine einstellungen im firefox nach.
Was könnte den nicht stimmen an den einstellungen? Weisst du dies gerade?
Moin moin
Schau mal deine einstellungen im firefox nach.
Was könnte den nicht stimmen an den einstellungen? Weisst du dies gerade?
Ich glaube, ich weiß was Du meinst - das problem ist: Bilder sind keine Block-Elemente. Daher zeichnet der Firefox nur einen Rahmen um das Bild, der zwar so breit, wie das Bild, aber so hoch wie eine Zeile ist. Ich habe das mal versucht hinzukriegen und ahbe mit line-height und so experimentiert. War aber nciht wichtig und daher habe ich es nicht weiter verfolgt. Grundsätzlich würde ich mcih aber auch über eine Lösung dieses Problems freuen! - ich denke es hängt damit zusammen, dass Du in der CSS-Datei an anderer stelle etwas wie
img {border:0;}
notiert hast?
Gruß,
Marc.
das ganze findet ihr auf:
http://www.dominikduerst.ch.vu/php/dgalleriev1.0/dgallerie.php?site=1
Vielen dank für die hilfe schon im voraus!
Greez
Hi,
Ok alles gut! Aber im Firefox wird der Rahmen so komisch(schei***) dargestellt...keine ahnung warum.
a#bild:link {
border: 1pt solid #FFFFFF;
}
pt ist für Bildschirmdarstellung nicht sehr geeignet.
Außerdem: vermutlich willst Du den Rahmen um das Bild haben.
Dann sollstest Du ihn auch um das Bild legen, nicht um den Link.
cu,
Andreas