mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 05:56 Benutzername: Passwort: Auto-Login

Thema: Hovereffect für bilder im neuen FF und IE8 vom 18.05.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hovereffect für bilder im neuen FF und IE8
Seite: 1, 2  Weiter
Autor Nachricht
amitriptillin
Threadersteller

Dabei seit: 18.05.2009
Ort: mannheim
Alter: 61
Geschlecht: Männlich
Verfasst Mo 18.05.2009 22:25
Titel

Hovereffect für bilder im neuen FF und IE8

Antworten mit Zitat Zum Seitenanfang

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 Lächel 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 *Schnief*

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 *zwinker*

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 18.05.2009 22:29
Titel

Antworten mit Zitat Zum Seitenanfang

verschoben nach "Allgemeines Non-Print".
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 19.05.2009 00:15
Titel

Re: Hovereffect für bilder im neuen FF und IE8

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
amitriptillin
Threadersteller

Dabei seit: 18.05.2009
Ort: mannheim
Alter: 61
Geschlecht: Männlich
Verfasst So 24.05.2009 11:41
Titel

@Smooth-Graphics

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 24.05.2009 12:21
Titel

Re: @Smooth-Graphics

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nickdesign

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst So 24.05.2009 15:23
Titel

Re: @Smooth-Graphics

Antworten mit Zitat Zum Seitenanfang

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...??
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 24.05.2009 15:37
Titel

Re: @Smooth-Graphics

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nickdesign

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst So 24.05.2009 15:42
Titel

Re: @Smooth-Graphics

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.