Text-marginaler

4 svar · 392 visningar · startad av l-boy 9 juli 2003

l-boyMedlem sedan juli 2003221 inlägg

Trådstart9 juli 2003 17:22#1

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.

MartinDMedlem sedan juli 200322 inlägg

9 juli 2003 17:35#2

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.

l-boyMedlem sedan juli 2003221 inlägg

9 juli 2003 18:00#3

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?

MartinDMedlem sedan juli 200322 inlägg

9 juli 2003 18:19#4

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>

bossseMedlem sedan juni 2003771 inlägg

9 juli 2003 20:50#5

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>