Du bist nicht angemeldet.

thl1966

ist noch ganz neu

  • »thl1966« ist der Autor dieses Themas

Beiträge: 3

Wohnort: Südpfalz

Beruf: Selbstständig im IT-Bereich (Support, Netzwerke, Datenbanken, Hard- und Software)

  • Private Nachricht senden

1

Mittwoch, 25. April 2012, 12:03

Bilder vergrößern beim überfahren mit der Maus in HTML5

Kann mir jemand sagen, wie ich speziell in HTML5 den Code schreiben kann, damit die Bilder auf einer Webseite sich vergrößern.

Z.b. Bild ist Größe 120 x 120 Pixel
Ich fahre mit der Maus drüber und es vergrößert sich z.B. zur Größe 240 x 240 Pixel.

Kann mir jemand ein ganz einfaches Beispiel hier posten?

Danke im Voraus.

Thomas

Update:

Habs hinbekommen:

Einfach vor dem img den Div-Bereich angeben und schon bleibt der Rest erhalten.

--> CSS-Code:

Cascading Style Sheet

1
2
3
4
5
6
7
8
9
#startseitemenu img {
height: 120px;
width: 120px;
}

#startseitemenu img:hover {
height: 240px;
width: 240px;
}

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »thl1966« (27. April 2012, 09:05)


2

Mittwoch, 25. April 2012, 13:10

Hallo Thomas!
willkommen im Forum!

Dafür brauchst du CSS oder JavaScript, wobei ich dir die CSS variante empfehlen würde.
Du musst dafür mit der Pseudoklasse :hover arbeiten.

Reicht dir das schon oder brauchst du mehr hilfe? :-)
freundliche Grüße
phip1611

3

Mittwoch, 25. April 2012, 13:10

Cascading Style Sheet

1
2
3
4
5
6
7
8
9
img {
height: 120px;
width: 120px;
}

img:hover {
height: 240px;
width: 240px;
}


Schau dir doch bitte nochmal den Unterschied zwischen HTML und CSS an.. HTML ist für den INHALT zuständig, CSS fürs DESIGN..
Support per PN NUR für spezielle individuelle Fragen zur Benutzung des Boards, alle anderen Fragen bitte ins Forum!

4

Mittwoch, 25. April 2012, 14:27

Hallo thl1966,

ich bitte dich dir die Nutzungsbedingungen dieses Forums noch einmal durchzulesen, die du bei deiner Registrierung bestätigt hast. Nach diesen sind Doppelposts NICHT erlaubt, dafür gibt es die Änderungsfunktion für Beiträge.

Eventuell solltest du erstmal HTML und CSS lernen - sowas wie die Vergabe einer class/ID ist essentiell.
Support per PN NUR für spezielle individuelle Fragen zur Benutzung des Boards, alle anderen Fragen bitte ins Forum!

5

Donnerstag, 26. April 2012, 17:15

Hallo,
du hast in der Tat gegen Nutzungsbedingungen verstoßen welche zu Akzeptiert hast. @lauras: meinte das sicher nicht böse sondern wollte dich nur darauf hinweisen.
Sie sprach das Thema "Doppelpost" an, hast dich da vertan @laura: ist doch alles fein.?

kleiner Hinweis von mir:
- vollzitate sind unerwünscht (vorallem wenn die original Nachricht unmittelbar(!) oben drüber steht)
- wenn du Code postest im forum dann am besten in

Quellcode

1
[css]hier kommt CSS-Code herein[/css]


:)
freundliche Grüße
phip1611

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »drPHIP132« (27. April 2012, 09:09)


thl1966

ist noch ganz neu

  • »thl1966« ist der Autor dieses Themas

Beiträge: 3

Wohnort: Südpfalz

Beruf: Selbstständig im IT-Bereich (Support, Netzwerke, Datenbanken, Hard- und Software)

  • Private Nachricht senden

6

Freitag, 27. April 2012, 09:09

Danke für den Hinweis.

Habe den ersten Beitrag editiert und den Doppelpost gelöscht.
Hoffe, das war so richtig!
Werde es in Zukunft vermeiden!

Gruß
Thomas

Ähnliche Themen