Image horizontal und vertical zentrieren
opi
- css
Hallo,
auf meiner Homepage versuche ich ein Image horizontal und vertical
zu zentrieren. Das Image ändert sich bei Mouseover.
Im Archiv habe ich einen Thread dazu gefunden
http://forum.de.selfhtml.org/archiv/2004/10/t91744/#m552280
der auf dieses Beispiel verweist
http://skop.net/self/zentriertes_div.html
Nun habe ich die Seite mit den Browsern Firefox, Opera und IE
getestet und leider klappt es nicht im IE. Der Link wird nicht
angezeigt. Ich möchte aber nicht so schnell aufgeben und zu einer
Tabelle verfallen.
Hier die Links.
http://www.bloonix.de/
http://www.bloonix.de/css/bloonix.css
Zudem ist mir aufgefallen, dass wenn ich versuche, Tabellen wirklich
nur für tabellarische Daten einzusetzen, alles zu einer großen
DIV-Flut ausartet. Ist das nicht viel schlimmer?
Greez,
opi
Hallo opi
der auf dieses Beispiel verweist
Da gibt es noch mehr dazu, z.B.:
http://d-graff.de/selfhtml/center1.html oder
http://d-graff.de/fricca/center.html
Das ist doch eine Tabelle!
Soll es genau so aussehen?
(ohne CSS ist es eine komplett weiße Seite)
Du könntest den gesamten mittleren Bereich als Link verwenden, und das
Hintergrundbild zentrieren.
.index5 { width: 34%; height: 34%; background-color: #ff0; border: 2px solid #fff;}
.index5 a {width: 100%; height:100%; display:block; background: #ff0 url(/img/bloonix.gif) no-repeat center center;}
.index5 a:hover {background-image:url(/img/eintreten.gif); }
Zudem ist mir aufgefallen, dass wenn ich versuche, Tabellen wirklich
nur für tabellarische Daten einzusetzen, alles zu einer großen
DIV-Flut ausartet. Ist das nicht viel schlimmer?
Es ist nicht besser!
Wenn du natürlich in Tabellen denkst, ein Layout als Tabellenlayout
entwickelst und dann einfach alle Tabellenzellen durch Divs ersetzt, kommt
ganau das dabei heraus.
CSS-Layouts erfordern eine andere Herangehensweise.
http://forum.de.selfhtml.org/archiv/2004/12/t95859/#m582401
http://forum.de.selfhtml.org/archiv/2004/4/t78963/#m457213
Auf Wiederlesen
Detlef