Forum Doku Wiki Blog

Forumsarchiv 2006, Januar
Image horizontal und vertical zentrieren

archivierte Beiträge lesen

  1. (CSS) Image horizontal und vertical zentrieren von opi, 22. 01. 2006, 15:42

Image horizontal und vertical zentrieren

Der folgende Beitrag wurde am 22. 01. 2006, 15:42 Uhr von opi veröffentlicht.

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
--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|

Image horizontal und vertical zentrieren

Der folgende Beitrag wurde am 23. 01. 2006, 01:17 Uhr von Detlef G. veröffentlicht.

Hallo opi

> der auf dieses Beispiel verweist
>
> http://skop.net/self/zentriertes_div.html

Da gibt es noch mehr dazu, z.B.:
http://d-graff.de/selfhtml/center1.html oder
http://d-graff.de/fricca/center.html

> http://www.bloonix.de/

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

--
- Wissen ist gut
- Können ist besser

- aber das Beste und Interessanteste ist der Weg dahin!

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4