Autor |
Nachricht |
amitriptillin
Threadersteller
Dabei seit: 18.05.2009
Ort: mannheim
Alter: 61
Geschlecht:
|
Verfasst Mo 18.05.2009 22:25
Titel Hovereffect für bilder im neuen FF und IE8 |
|
|
hallo leute
ich bin beruflicher backend-programmierer für php5 mit und ohne symfony und will eine alte studienleistung wieder online wissen, also habt erbarmen mit mir für meine erbärmlichen css-kenntnisse
Problem:
ich zeige jeweils ein bild auf meinen Seite, welches bisher verkleinert dargestellt wurde und durch drüberfahren mit der maus vergrößert wurde. Die neuen browser aber zeigen das bild gleich in der originalgröße an, damal ging das noch alles.
die anzeige des bildes wird umschlossen von einem <div id="foto><a><dann image ohne größenangabe></a></div>
dazu die css:
Code: | #foto a img{
float:right;
height:10%;
width:10%;
border: 1px solid #000000;
margin: 0 0 20px 35px;
}
#foto img:hover {
width:50%;
height:50%;
}/*safari gecko opera*/
#foto a:hover img{
width:50%;
height:50%;
}/*IE*/
#foto a:hover{
padding:0;
}
|
wie gesagt, nu geht dat nit mehr, ist halt veraltet
kann mir jemand helfen ?
und achja - SEUFZ, bleibt freundlich, ich bin aus foren leider einiges gewöhnt, würde aber auch niemanden dafür abkanzeln, weil er eventuell symfony oder bash nicht kennt
grüße von volker
[edit]
Bitte [code]-Tags verwenden.
Zuletzt bearbeitet von Smooth-Graphics am Di 19.05.2009 00:11, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.05.2009 22:29
Titel
|
|
|
verschoben nach "Allgemeines Non-Print".
|
|
|
|
|
Anzeige
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 19.05.2009 00:15
Titel Re: Hovereffect für bilder im neuen FF und IE8 |
|
|
Code: | #foto a img{
float:right;
height:10%;
width:10%;
border: 1px solid #000000;
margin: 0 0 20px 35px;
}
#foto a img:hover{
width:50%;
height:50%;
}
#foto a:hover img{
width:50%;
height:50%;
}
#foto a:hover{
padding:0;
}
|
Also so sollte es aber gehen. Falls nicht, wäre es gut, wenn du einen Beispiellink hast oder zumindest noch den zugehörigen HTML-Quellcode.
|
|
|
|
|
amitriptillin
Threadersteller
Dabei seit: 18.05.2009
Ort: mannheim
Alter: 61
Geschlecht:
|
Verfasst So 24.05.2009 11:41
Titel @Smooth-Graphics |
|
|
hi und danke, aber schon allein diese Zeilen werden NICHT mehr vom FF3 und IE8 ausgeführt:
Code: | #foto a img{
float:right;
height:10%;
width:10%;
border: 1px solid #000000;
margin: 0 0 20px 35px;
} |
so daß von Anfang an die Bilder in ihrer Originalgröße dargestellt werden, was einen Hovereffect natürlich unmöglich macht. Die Seite ist grad nicht online (volker-ahlers.de/projekt2 zugang maria/maria), sollte aber morgen wieder sichtbar sein.
quelltext (z.B.)
Code: | <div id="foto">
<a href="sonnensystem.php?eb0=1&eb1=7&eb2=2"><img src="images/jupiter.jpg" alt ="Jupiter"/></a>
</div> |
[edit]
Bitte [code]-Tags verwenden.
Zuletzt bearbeitet von Smooth-Graphics am So 24.05.2009 12:18, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 24.05.2009 12:21
Titel Re: @Smooth-Graphics |
|
|
amitriptillin hat geschrieben: |
Code: | #foto a img{
float:right;
height:10%;
width:10%;
border: 1px solid #000000;
margin: 0 0 20px 35px;
} |
|
Muss das Bild die Größe 10% haben, oder kann das auch in em angegeben werden?
Der Code oben ist richtig und valide, daran liegts also nicht. Da ich jetzt den Quelltext nicht sehe, kann ich aber auch nicht mehr tun.
|
|
|
|
|
nickdesign
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst So 24.05.2009 15:23
Titel Re: @Smooth-Graphics |
|
|
Smooth-Graphics hat geschrieben: |
Muss das Bild die Größe 10% haben, oder kann das auch in em angegeben werden?
|
Was ändert es ob ich es in em oder % angebe...??
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 24.05.2009 15:37
Titel Re: @Smooth-Graphics |
|
|
nickdesign hat geschrieben: | Was ändert es ob ich es in em oder % angebe...?? |
Evtl. einiges. Dazu kann man aber auch nur raten. Vllt interpretiert der FF die % Angabe einfach anders.
|
|
|
|
|
nickdesign
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst So 24.05.2009 15:42
Titel Re: @Smooth-Graphics |
|
|
Smooth-Graphics hat geschrieben: |
Evtl. einiges. Dazu kann man aber auch nur raten. Vllt interpretiert der FF die % Angabe einfach anders. |
Hmm kann sein... aber is mir noch nie aufgefallen, versuch isses wert!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Imagemap mit Hovereffect mittels CSS
Neuen Hintergrund einfügen
Firefox auf neuen Rechner
Neuen Account (Mail) anlegen bei Mac OS X
GoLive Serverzugänge auf neuen Pc importieren!
Bildfenster im neuen Fenster mit php öffnen
|
|