Rahmenlose Tabelle:
Veronika
- css
0 Christoph0 Thomas Luethi0 slapper0 Thomas Luethi0 slapper
0 Ingo Turski
Hallo,
ich verzweifel an einer zweispaltigen rahmenlosen Tabelle die trotz aller Vorgaben einen Rahmen zwischen die <td>s setzt und sich auch nicht direkt an den oberen Browserrand setzen läßt. Eine Ausrichtung an den oberen Browserrand bekomme ich nur wenn ich den Layer für das Logo weghaue.
Weiß jemand einen Rat?
Vero
So sieht das Teil aus:
<style type="text/css">
body {background-color:#31465D}
table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}
td.pic {border-collapse:collapse; border:0; height:532; cellpadding:0; cellspacing:0}
td.rom {border:0; position: absolut; width:401; height:100; background-color:#FFFFFF; cellpadding:0; cellspacing:0}
div.rom {padding-top:70; padding-left:10; font:normal; font-size:medium; color:#31465D; line-height:2; font-family:futura lt bt, arial}
td.nav {position: absolut;border-collapse:collapse; width:296; height:200; background-color:#31465D; padding-left:30}
table.link {width:190; heigth:190; padding-top:40; padding-left:30; font-weight:bolder; color:#FFFFFF; font-size:medium; font-family:futura lt bt, arial}
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; left:63px; top:35px; width:770px; height:84px; z-index:1">
<p> </p>
<p align="center"> <b><i><font face="Times New Roman, Times, serif" size="6">Platz
für ein Logo</font></i></b> </p>
</div>
<table class="index">
<tr>
<td rowspan="2" class="pic"><img src="pics/home.jpg" width="400" height="532" alt="" border="0"></td>
<td class="rom"><div class="rom">text text text text text <br>
text text text text text <br>
text text text text text <br>
text text text text text <br></div></td>
</tr>
<tr>
<td class="nav"> </td>
</tr>
</table>
Hallo,
in deinem CSS sind soviele Fehler, das es garkeinen Sinn erst macht da weiter zu schaun...
Grüße
Christoph
Hallo,
Weiß jemand einen Rat?
Validiere erstmal das CSS.
Es hat tonnenweise Fehler, die ich
von blossem Auge sehe.
http://jigsaw.w3.org/css-validator/
Dann solltest Du uns einen Screenshot liefern
und die Seite online stellen.
Ich sehe nicht, was Du willst.
Wenn Du etwas positionierst, dann musst Du auch sagen, wo.
Vielleicht hilft Dir das etwas weiter:
http://www.tiptom.ch/homepage/faq.html?q=bodymargin
Gruesse,
Thomas
so sollte es gehen
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color:#31465D}
table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}
td.pic {border-collapse:collapse; border:0; height:532; cellpadding:0; cellspacing:0}
td.rom {border:0; position: absolut; width:401; height:100; background-color:#FFFFFF; cellpadding:0; cellspacing:0}
div.rom {padding-top:70; padding-left:10; font:normal; font-size:medium; color:#31465D; line-height:2; font-family:futura lt bt, arial}
td.nav {position: absolut;border-collapse:collapse; width:296; height:200; background-color:#31465D; padding-left:30}
table.link {width:190; heigth:190; padding-top:40; padding-left:30; font-weight:bolder; color:#FFFFFF; font-size:medium; font-family:futura lt bt, arial}
</style>
</head>
<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
<div id="Layer1" style="position:absolute; left:63px; top:35px; width:770px; height:84px; z-index:1">
<p> </p>
<p align="center"> <b><i><font face="Times New Roman, Times, serif" size="6">Platz für ein Logo</font></i></b> </p>
</div>
<table class="index" cellpadding="0" cellspacing="0" border="0">
<tr>
<td rowspan="2" class="pic"><img src="pics/home.jpg" width="400" height="532" alt="" border="0"></td>
<td class="rom">
<div class="rom">text text text text text <br>
text text text text text <br>
text text text text text <br>
text text text text text <br>
</div>
</td>
</tr>
<tr>
<td class="nav"> </td>
</tr>
</table>
</body>
</html>
Hallo,
so sollte es gehen
Bitte unterlasse es, hier Quellcode zu posten, der
von Fehlern nur so strotzt.
Danke.
Allein diese Zeile enthaelt mindestens drei Fehler.
table.index {position:absolut; border-collapse:collapse; width:800; heigth:650; border:0; margin-left:50; margin-top:-30px;cellpadding:0; cellspacing:0}
Das beginnt schon bei der ersten Deklaration
(absolut statt absolute) ...
Gruesse,
Thomas
haha
der schrott ist nicht von mir
sehe ich selbst das die styles falsch sind
sind auch falsch eingebunden *lol
<style type="text/css">
<-- usw....
hab nur das was die lady angemosert hat korrigiert im html
oder meinst du ich schreib die styles alle neu für sie?
ok nächste woche ist weihnachten, hast ja recht
Hi,
abgesehen von den ganzen Fehllern - laß' doch einfach sämtliche Angaben zu border weg, wenn Du keine benötigst.
freundliche Grüße
Ingo