Bild in Tabelle vertikal zentrieren
#11
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 Bussi
Zitieren
#12
Freut mich für Dich :lol:
Dann kann ich meine "Testseite" ja wieder löschen....

Gruß
Andreas
Zitieren
#13
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
Zitieren
#14
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??
Zitieren
#15
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!
Zitieren
#16
Ja, das funktioniert auch..
Und ich habe sogar kapiert, warum Rolleyes 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....
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Tabelle an Bildschirmauflösung anpassen MacRubino 7 3.605 29.06.2012, 13:02
Letzter Beitrag: Helmut
  wie kann mann ein rgb bild auf home page moussa2 0 995 31.05.2011, 15:25
Letzter Beitrag: moussa2
  Hintergrund mit Bild Onkel 6 3.297 16.02.2010, 08:05
Letzter Beitrag: prm
  Bilder nebeneinander in Tabelle, wie bekomme ich eine Textbezeichnung mittig über das hyhley 13 3.578 08.06.2009, 22:37
Letzter Beitrag: Beagle
  Text an einem Bild anpassen! litterauspirna 20 4.573 26.01.2008, 17:35
Letzter Beitrag: Ebba
  bild-datenbank Carol 8 1.288 11.11.2007, 15:46
Letzter Beitrag: Carol
  Animation über ein Bild laufen lassen? (im Head) Panda9000 6 2.068 10.09.2007, 13:16
Letzter Beitrag: Ebba
  Tabelle und dann als "Laufschrift" Pinki24 1 929 03.09.2007, 10:17
Letzter Beitrag: Pinki24
  JPG Bild einfügen Lona 7 2.029 29.04.2007, 22:02
Letzter Beitrag: Lona
  Text in Tabelle Ann 5 1.682 06.10.2006, 20:13
Letzter Beitrag: Ebba