|
|||
Mouseover Bild Zentrieren
Hallo zusammen.
Ich bin der neue hier. Ich komme aus dem Süden von Deutschland und mache eine Ausbildung als Informatiker. In CSS bin ich ein Anfänger. Ich hoffe jemand von euch kann mir helfen. Wie schaffe ich es ein Bild das ich mit CSS, mit einem Mouseover Effeckt vergrössere, zentriert auf dem Bildschirm auszugeben. Hier erstmal mein Qelltext: <html> <head> <style type="text/css"> a.info{ position:relative; z-index:1; color:#000; text-decoration:none} a.info:hover{z-index:2;} a.info span{ display: none; } a.info:hover span{ display:block; position:absolute; background-image: url(http://www.s-wasi.de/bilder/EbayBilder/graka1_gr.jpg); top:100px; left:200px;width:800px; height:600px; border:5px solid #000; } </style> </head> <body> <table align="center"><tr> <td><h1>Mouseover effeckt!</h1></td> <td><div id="menuImg_inner"> <a class=info href="#"><img src="http://www.s-wasi.de/bilder/EbayBilder/graka1_gr.jpg" width="252" border="0" alt=""> <span></span></a></div></td> </tr></table> </body> </html> Ich weiss, das ich mit top:100px; left:200px; die Position mauell bestimmen kann, aber ich möchte, dass das Bild generel in der Mitte des Bildschirms ist. Danke für eure Antworten im voraus. Geändert von superwasi (13.07.2008 um 11:05 Uhr) |
Sponsored Links |
|
||||
Was genau moechtest du denn zentriert haben?!
Hier geht nicht ganz genau hervor ob du nun das Bild oder deinen hover zentrieren willst. Generell zentriert man normalerweise mit Code:
margin:0 auto; Evtl. helfen dir auch die FAQ, in denen es beim Punkt 5 um die Thematik Vertikal zentrieren geht. Da du deinen hover absolut positionieren musst, nimmst du margin fuer den hover und ziehst in in die gewuenschte Richtung. Margin deshalb weil man sich nicht direkt am Nullpunkt orientieren will, was man mit den anderen Eigenschaften tun wuerde. Bei evtl. Fehlinformation bitte berichtigen, ich lern ja gern dazu. ~leo
__________________
Ad pedem litterae |
Sponsored Links |
|
|||
Hallo leo
Danke für deine schnelle Antwort.
Ich möchte, dass das vergrösserte Bild (hover) auf dem Bildschirm zentriert dargestellt wird. Könntest du mir eventuell ein Beispielcode zeigen wie ich das machen müsste. Natürlich nur wenn es keine Mühe macht. Danke im voraus. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mouseover -wie kann ich ein Bild verändern wenn ich mit der Maus über ein Wort fahre? | hrhr87 | (X)HTML | 3 | 16.03.2010 11:47 |
bild zentrieren | razz | CSS | 1 | 16.12.2009 18:22 |
Bild & Text vertikal zentrieren | Flux | CSS | 6 | 23.08.2009 01:14 |
Bild in der Navigationsleiste zentrieren | sumica | CSS | 8 | 19.06.2009 12:53 |
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE | AndreasB | CSS | 11 | 13.03.2006 18:05 |