| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
21.12.2005, 14:16
| |
| Gast
Beiträge: n/a
|  [Erledigt] Bild mit clip:rect verkleinern und per hover wieder normal Hallo, Habe ein Problem - ich muss ein Bild per clip:rect beschneiden, was wunderbar klappt, aber ich schaffe es nicht, es danach mit einem hover wieder auf normalgröße zu bringen. Mein Code sieht bisher so aus: Code: //Anfang rausgelassen//
div#surprise {position:absolute; clip:rect(5px, 25px, 25px, 5px);}
a:hover .bild {background-image:url(http://www.shadowlan.de/kazoom/pictures/surprise.jpg);width:75px;height:75px;}
//Mitte rausgelassen//
...
<div id="surprise">[img]pictures/surprise.jpg[/img]</div>
//ende rausgelassen//
die Seite kann man sich wie sie im Moment ist auf www.shadowlan.de/kazoom/main.htm anschauen. Schnelle Hilfe wäre gut! Danke, Kazoom |
 |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
21.12.2005, 14:20
| |
| Erfahrener Benutzer Registriert seit: 21.05.2008
Beiträge: 9.937
 | Na du hast einen Logikfehler drin, denn dein Container-DIV (#surprise) verändert seine (Clip-)Größe ja nicht. Auf diese Größe kommt es aber an. |
| |
|
21.12.2005, 14:33
| |
| Gast
Beiträge: n/a
| naja, beschneiden ist nicht richtig - es wird ja nur ein teil des bildes durch den clip:rect nicht mehr angezeigt. Erstellen Sie ein kleines Überraschungsfeld für Ihre Kunden: Bauen Sie ein Bild (das die Überraschung darstellt) in Ihren Auftritt ein und verbergen Sie dieses Bild komplett oder auch nur fast komplett mit dem clip-Befehl. Befindet sich der Mauszeiger über dem Bild, so soll das gesamte Bild erscheinen. Um diesen Effekt nützen zu können, sollten Sie das Bild in einen a-Tag einschließen, für den Sie das hover-Pseudoelement umdefinieren. |
| |
|
21.12.2005, 14:54
| |
| Erfahrener Benutzer Registriert seit: 21.05.2008
Beiträge: 9.937
| http://www.lugbz.org/documents/smart....html#homework Aber unabhängig davon, dein Clip (~ Fenster) bleibt eben immernoch klein. Wenn du mehr sehen willst, musst du entweder die Wand mit dem Fenster einreißen oder das Fenster vergrößern... |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| [Erledigt] Bild hochladen --&amp;gt; verkleinern --&amp;gt; in Datenbank speich | Datenbanken | 6 | 28.02.2011 06:00 | |
| [Erledigt] Bild verkleinern | PHP Tipps 2004 | 3 | 23.03.2009 17:19 | |
| Transparentes Bild über Bild legen *update gelöst* | Broadcast | PHP-Fortgeschrittene | 11 | 04.02.2008 15:27 |
| Bild (beim Hochladen) verkleinern | Heizkessel | PHP Tipps 2008 | 1 | 27.01.2008 21:33 |
| [Erledigt] Bild verkleinern vor Upload | PHP Tipps 2007 | 10 | 27.11.2007 22:02 | |
| bilder verkleinern | 022.9 | PHP Tipps 2006 | 4 | 26.10.2006 08:23 |
| Bild verkleinern und EXIF | BaedDog | PHP-Fortgeschrittene | 7 | 18.04.2006 12:44 |
| Bild verkleinern | dimitri | PHP Tipps 2006 | 2 | 15.03.2006 08:21 |
| Bild verkleinern ohne File | PHP Tipps 2006 | 6 | 13.02.2006 17:00 | |
| 1001 Bild auf einmal verkleinern? | dethlef14 | PHP Tipps 2005-2 | 10 | 18.10.2005 14:58 |
| Javascript Newbe.. Per Hover Bild in einem Div ändern... | HTML, Usability und Barrierefreiheit | 1 | 23.09.2005 10:02 | |
| Bild verkleinern + upgeloadete Datei | PHP Tipps 2005 | 3 | 07.03.2005 13:24 | |
| bild verkleinern | PHP Tipps 2004 | 7 | 19.08.2004 15:01 | |
| Bild größe hat prob mit umbenennung. | JEGO | PHP Tipps 2004 | 1 | 08.07.2004 16:30 |
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.
![[Erledigt] Bild mit clip:rect verkleinern und per hover wieder normal](http://www.php.de/iconimages/html-usability-und-barrierefreiheit/erledigt-bild-mit-clip-rect-verkleinern-und-per-hover-wieder-normal_ltr.gif)
