Prob mit neuer Zeile in Tabelle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Ich mache mir grade ein Design und habe ein Prob. und zwar bekomme ich es nicht hin die grafik gfxunten.png unten in der tabelle so zu machen, dass sie auch in der mitte ist.. die seite sieht momentan so aus:
http://zonk.xardas.lima-city.de/prob/test.htm
test.htm
<html>
<head>
<title>Prob</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<table width="811 px" align="center" cellpadding="0" cellspacing="0" bgcolor="#A8ABB0">
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="811 px">
<tr>
<img src="img/gfx/oben.png">
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="522 px">
<tr>
<td><img src="img/gfx/headder.png"></td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td width="19px" background="img/gfx/gfxlinks.png">
</td>
<td width="150">
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/sitenavioben.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
<a href="#">» Home</a><br>
<a href="#">» News</a><br>
<a href="#">» Gallery</a><br>
<a href="#">» Tutorials</a><br>
<a href="#">» Link</a><br>
<a href="#">» Link</a>
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/clan.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
<a href="#">» Join us</a><br>
<a href="#">» Link</a><br>
<a href="#">» Link</a><br>
<a href="#">» Link</a><br>
<a href="#">» Link</a>
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/statistik.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
Heute: 5<br>
Gestern: 17<br>
Gesamt: 45<br><!-- Das ist normalerweise mit PHP
-->
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
</td>
<td>
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="622px">
<tr>
<td><img src="img/gfx/contentoben.png"></td>
</tr>
<tr>
<td background="img/gfx/content.png" class="content">
Hier ist dann der Text
</td>
</tr>
<tr>
<td>
<img src="img/gfx/contentunten.png">
</td>
</tr>
</table>
<td width="19px" background="img/gfx/gfxrechts.png">
</td>
</tr>
<table cellspacing="0" cellpadding="0" width="811 px" align="center">
<tr>
<img src="img/gfx/gfxunten.png">
</tr>
</table>
</table>
</body>
</html>
stylesheet.css
body{ padding: 0px; margin: 0px; background: #ffffff; color: #4F4F4F; font-family: Verdana, Helvetica, Arial;}
td {font-size: 13px;}
input,select,textarea {font-size: 8pt; font-family: Verdana, Helvetica, Arial; color: #444444;}
form {padding: 0px; margin: 0px;}
input {font-size: 8pt; font-family: Verdana, Helvetica, Arial;}
.link{
padding-left: 20px;
}
.content{
padding-left: 20px;
}
.link a:link { font-size: 15px; text-decoration: none; color: #000000;}
.link a:visited { font-size: 15px; text-decoration: none; color: #000000;}
.link a:hover { font-size: 15px; text-decoration: none; background: #C9C9C9; color: #000000;}
alle grafiken findet ihr unter
http://zonk.xardas.lima-city.de/prob/img/gfx/
thx schon im vorraus -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Probier es mal mit
<html>
<head>
<title>Prob</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<table width="811 px" align="center" cellpadding="0" cellspacing="0" bgcolor="#A8ABB0">
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="811 px">
<tr>
<img src="img/gfx/oben.png">
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="522 px">
<tr>
<td><img src="img/gfx/headder.png"></td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td width="19px" background="img/gfx/gfxlinks.png">
</td>
<td width="150">
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/sitenavioben.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
<a href="#">? Home</a><br>
<a href="#">? News</a><br>
<a href="#">? Gallery</a><br>
<a href="#">? Tutorials</a><br>
<a href="#">? Link</a><br>
<a href="#">? Link</a>
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/clan.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
<a href="#">? Join us</a><br>
<a href="#">? Link</a><br>
<a href="#">? Link</a><br>
<a href="#">? Link</a><br>
<a href="#">? Link</a>
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/gfx/statistik.png"></td>
</tr>
<tr>
<td background="img/gfx/linkbereich.png" class="link">
Heute: 5<br>
Gestern: 17<br>
Gesamt: 45<br><!-- Das ist normalerweise mit PHP -->
</td>
</tr>
<tr>
<td>
<img src="img/gfx/unten.png">
</td>
</tr>
</table>
</td>
<td>
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="622px">
<tr>
<td><img src="img/gfx/contentoben.png"></td>
</tr>
<tr>
<td background="img/gfx/content.png" class="content">
Hier ist dann der Text
</td>
</tr>
<tr>
<td>
<img src="img/gfx/contentunten.png">
</td>
</tr>
</table>
<td width="19px" background="img/gfx/gfxrechts.png">
</td>
<tr>
<img src="img/gfx/gfxunten.png">
</tr>
</tr>
</table>
</body>
</html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage