4 svar · 390 visningar · startad av l-boy
Hittade en hygglig grund för en hemsida här någonstans. Har pillat ihop en början men nu har jag stött på problem.
Vill ha lite marginaler för all text, men försöker jag fixa det så blir det även en förskjutning på alla TD-fält, vilket jag inte vill ha.
Så frågan lyder; hur får jag marginal på texten och td-fälten intakta?
Använder jag padding-left så blir ju även td-fälten förskjutna.
Om du tar bort den inre tabellen, alltså bara använder dig av en tabell (med 3 kolumner), så kan du använda dig av cellpadding.
En annan variant är att lägga till kolumner och rader vars ända uppgift är att utgöra marginaler.
Med andra ord finns det alltså inget sätt att ändra marginalerna för en text inom ett td-fält utan att påverka något utanför?
Du påverkar ingeting utanför med cellpaddning, problemet du har är att du har en nästlad tabbell i en av dina tabellceller, och eftersom alla celler i en tabell får samma cellpadding, så kommer även denna att få marginaler.
Men om det inte gör något kan du lägga till en bakgrundsfär i <td> märket för cellen med den nästlade tabellen:
<html>
<head>
<title>Ljungskile SK</title>
<link rel=stylesheet href="css/css.css" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<center>
<table width="766" height="75" border="0" background="gfx/logos/toplogo.gif" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
<table border="0" width="766" height="500" align="top" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="green" width="105" valign="top">
<a href="index.asp?link=">Startsidan</a><br>
<a href="index.asp?link=Link1">länk1</a><br>
<a href="index.asp?link=Link2">länk2</a><br>
test
</td>
<td bgcolor="#123456" width="566">
<table border="0" bgcolor="#123456" width="100%" height="100%" cellpadding="0">
<tr>
<td width="100%" height="100%" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
huvudsida<br>
</font>
</td>
</tr>
</table>
</td>
<td bgcolor="#000000" width="95" background="gfx/right.gif">
</td>
</tr>
</table>
<table width="766" height="75" border="0" background="gfx/logos/bottomlogo.gif" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Du kan ju kolla om du inte bör använda css o klasser för textplacering. Har sen en tid tillbaks gjort ett exempel på detta.
<html>
<head>
<style type="text/css">
<!--
table { width:100%; height:100%; border:red 1px solid; }
td { border: 1px solid; color:blue;}
.text1 {text-align:right; vertical-align:top;}
.text2 {text-align:left; vertical-align:middle;}
.text3 {text-align:center; vertical-align:middle;}
.text4 {vertical-align:top;}
.text5 {vertical-align:bottom;}
.text6 {text-align:right; vertical-align:middle;}
-->
</style>
</head>
<body bgcolor=lightblue>
<table bgcolor=lightgreen cellpadding="0" cellspacing="0">
<tr>
<td class="text1">Högerställd text, högst uppe</td>
<td class="text2">Vänsterställd text, vertikalt centrerad</td>
</tr><tr>
<td class="text3">Texten centrerad vertikalt o horizontellt</td>
<td class="text4">Texten högst upp, vänsterställd</td>
</tr><tr>
<td class="text5">Texten nertill, vänsterställd</td>
<td class="text6">Texten högerställd, vertikalt centrerad</td>
</tr>
</table>
</body>
</html>