webForumDet fria alternativet

<td> blir en pixel för bred

4 svar · 211 visningar · startad av Mika3l

Mika3lMedlem sedan nov. 20018 492 inlägg
#1

Jag förstår inte varför men jag har en tabell med tre <tr> med <td>s i, storleken är ok på den översta och <td>n längst ner men i mitten så blir <td>n en pixel för bred, någon som kan förstå varför?

<table align="left" valign="top" cellspacing="0" border="0" style="width: 150px;">
 <tr style="height: 13px;">
  <td valign="middle" style="width: 150px; background: url('images/dotted_innehall.gif') no-repeat; padding-left: 4px;">
<font style="font-weight: bold; color: #FFFFFF;">Innehåll</font>
  </td>
 </tr>
 <tr>
  <td style="width: 150px; background: url('images/dotted_submenu.gif'); padding-left: 4px;">
Här ska det vara lite länkar.
  </td>
 </tr>
 <tr>
  <td valign="top" style="height: 7px; padding-top: 0px;">
<img src="images/dotted_submenu_bottom.gif" vspace="0" style="width: 150px; height: 7px; border: 0px;"><br><br>&nbsp;
  </td>
 </tr>
</table>

Tacksam för hjälp!

dectgapMedlem sedan sep. 20021 655 inlägg
#2

Du har horisontell padding i den tredje cellen, och en bild däri som är 150px bred. Därför blir cellen ovanför också knäpp.

Testa:

<table align="left" valign="top" cellspacing="0" border="0" style="width: 150px;">
 <tr style="height: 13px;">
  <td valign="middle" style="width: 150px; background: url('images/dotted_innehall.gif') no-repeat; padding-left: 4px;">
<font style="font-weight: bold; color: #FFFFFF;">Innehåll</font>
  </td>
 </tr>
 <tr>
  <td style="background-color: #00f; width: 150px; padding-left: 4px;">
Här ska det vara lite länkar.
  </td>
 </tr>
 <tr>
  <td valign="top" style="height: 7px; padding: 0px;">
<img src="images/dotted_submenu_bottom.gif" vspace="0" style="width: 150px; height: 7px; border: 0px;"><br><br> 
  </td>
 </tr>
</table>
Mika3lMedlem sedan nov. 20018 492 inlägg
#3

Bilden måste jag ha kvar, kan inte byta till en färg.
Testade att ta bort padding-left: 4px; men det var samma resultat ändå. :l

dectgapMedlem sedan sep. 20021 655 inlägg
#4

Du ska inte ta bort bilden, och inte heller ta bort "padding-left" i cell 2.

Testade du över huvud taget min kod?

Mika3lMedlem sedan nov. 20018 492 inlägg
#5

Aha, nu förstår jag, missuppfattade dig lite där. :)
Ändrade padding-top till padding och nu fungerar det, tack så mycket! :D

134 ms totalt · 3 externa anrop · v20260731065814-full.beb2e261
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)