Tabelle (Webseite) zentrieren
derda
- html
0 Zeromancer0 derda0 Zeromancer0 derda
0 Jehova2
Gunnar Bittersmann
Hallo,
schaut mal das Bild meiner Webseite an:
http://www.strecordz.com/images/bild.gif
Ich will dass die Webseite nicht nur Links und Rechts in der Mitte ist sondern auch oben und unten, kann mir da jemand den richtigen Code direkt in meinem Webseitencode an der richtigen Stelle einfügen.Ich glaube ich hatte schon mal den richtigen Code aber kann den nicht richtig einsetzen.
Hallo derda,
schaut mal das Bild meiner Webseite an:
http://www.strecordz.com/images/bild.gif
du zeigst ein 268 kB großes Gif? Warum? Geht's nicht kleiner?
Mit einer einzigen Suchanfrage bei Google (Blockelemente vertikal zentrieren css) findest du etliche Hilfen.
Mit freundlichen Grüßen,
André
hi, danke für die antwort.hab das bei google eigegeben sicher findet es was...
aber ich habe ja vorher gesagt ich wüsste nicht wo und wie genau einbauen im code.kannst du mir da nicht helfen?
Hallo derda,
aber ich habe ja vorher gesagt ich wüsste nicht wo und wie genau einbauen im code.kannst du mir da nicht helfen?
ohne Zugang zu deinem Quelltext ist da nichts zu machen. Gib uns doch bitte einen Link (Forums-Hilfe zum Thema: "Wie binde ich Verweise ein". Oder poste relevanten Quelltext.
Mit freundlichen Grüßen,
André
sorry klar...
da ist er:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenannt-6</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" href="style2.css" rel="stylesheet">
</head>
<body leftmargin="0" topmargin="0" style="background-color: rgb(255, 255, 255);" marginheight="0" marginwidth="0">
<!-- ImageReady Slices (Unbenannt-6.psd) -->
<table style="width: 800px; height: 530px; text-align: left; margin-left: auto; margin-right: auto;" id="Table_01" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td> <img src="images/index_01.gif" alt="" height="99" width="173"></td>
<td> <img src="images/index_02.gif" alt="" height="99" width="383"></td>
<td> <img src="images/index_03.gif" alt="" height="99" width="244"></td>
</tr>
<tr>
<td>
<table style="background-image: url(images/index_04.gif); width: 173px; height: 431px;" text-align="" left="" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 400px;">
<table style="width: 80px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-style: dotted;"><img style="width: 110px; height: 30px;" alt="" src="images/index_06.gif"></td>
</tr>
</tbody>
</table>
<br>
<br>
<table style="width: 115px; height: 320px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Home</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">News</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">GBook</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Forum</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Links</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Newsletter</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Link us</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">Banner</td>
</tr>
<tr align="center">
<td style="border-top-style: dashed; border-right-style: dashed; border-left-style: dashed;">About
us</td>
</tr>
<tr align="center">
<td style="border-style: dashed;">Info</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td colspan="2">
<table style="width: 627px; height: 431px; background-image: url(images/index_05.gif);" text-align="" left="" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Hallo derda,
<!-- ImageReady Slices (Unbenannt-6.psd) -->
Jetzt wird mir so einiges klar...
<table style="width: 800px; height: 530px; text-align: left; margin-left: auto; margin-right: auto;" id="Table_01" border="0" cellpadding="0" cellspacing="0">
unter http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte wird deine Frage mit Quelltext beantwortet. Abschreiben mussßt du dann schon selbst.
Ohne eine Höhenangabe für das umschließenden Elemente wird dir nur die Variante 2 (nicht HTML-konform) bleiben.
Mit freundlichen Grüßen,
André
Hello out there!
Ich will dass die Webseite nicht nur Links und Rechts in der Mitte ist sondern auch oben und unten,
Das wollten schon so viele andere vor dir, dass die Frage sogar in den SELFHTML-FAQ steht.
kann mir da jemand den richtigen Code direkt in meinem Webseitencode an der richtigen Stelle einfügen.
Nö. Du weißt, was SELF heißt?
See ya up the road,
Gunnar