+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Bild in Tabelle vertikal zentrieren (/showthread.php?tid=23304)
Seiten:
1
2
Bild in Tabelle vertikal zentrieren - Ebba - 31.07.2007
Stimmt. Ich habe die Zeile rausgenommen und dann sieht es so aus, wie es sein soll.
Leider Gottes habe ich von diesem Doctype-Gedöns auch keine Ahnung :erschreck:
Danke Euch beiden für Eure Mühe
Bild in Tabelle vertikal zentrieren - Skeeter - 31.07.2007
Freut mich für Dich :lol:
Dann kann ich meine "Testseite" ja wieder löschen....
Gruß
Andreas
Bild in Tabelle vertikal zentrieren - Helmut - 31.07.2007
Hi,
den Doctype rausnehmen ist nicht die richtige Lösung... eher die Holzhammermethode :haue:
Probier mal das aus...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 0px 0;
padding: 0;
height: 100%;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* AEUSSERE CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
.rahmentab {
margin-left:auto;
margin-right:auto;
width:800px;
height:100%;
}
td {
vertical-align: middle;
text-align: center;
padding: 0px;
}
</style>
</head>
<body>
<table cellspacing="2" cellpadding="2" border="1" class="rahmentab">
<tr>
<td><img src="ebba.png" alt="" width="500" height="400" border="0"></td>
</tr>
</table>
</body>
</html>[/HTML]
Cu Helmut
Bild in Tabelle vertikal zentrieren - Ebba - 31.07.2007
Hallo Helmut,
danke für den Code.:daumen:
Genauso funktioniert es auch, allerdings hab ich border rausgenommen, sonst sieht das ganze etwas seltsam aus, weil die Tabelle dann über und unter dem Bild deutlich sichtbar ist.
Noch eine Frage: Du hast width= 800 px und height= 100% angegeben. Ich hab mal gelesen, daß man Pixel und Prozente nicht mischen sollte... Oder ist das in diesem Fall egal und gilt nur für Frames??
Bild in Tabelle vertikal zentrieren - prm - 31.07.2007
Darf's auch ohne Tabelle und mit Doctype sein?
Füge das innerhalb des head-bereiches (z.B. vor </head>) ein oder in eine externe CSS-Datei:
[HTML]<style type="text/css">
body {margin: 0; padding:0; width:100%; height: 100%;background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}
#center {width:800px; height:600px; position: absolute; top:50%; left:50%; margin-top:-300px; margin-left: -400px;}
</style>[/HTML]
Dann im HTML-Teil nach <body> das:
[HTML]<div id="center">
<img src="images/index.jpg" width="800" height="600" alt="smily-kids"/>
</div>[/HTML]
viel Erfolg!
Bild in Tabelle vertikal zentrieren - Ebba - 31.07.2007
Ja, das funktioniert auch..
Und ich habe sogar kapiert, warum
Das Geheimnis u.a. sind die linken und oberen 50%.Dank an alle, die sich solche Mühe mit mir gegeben haben :icon_bravo:
Ich habe einiges dazugelernt....