WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Cellpadding För Endast En Td (https://www.wn.se/forum/showthread.php?t=178)

Filip 2003-06-13 04:47

Hur gör man för att ändra CELLPADDING på endast en ruta?
Jag vill göra något liknande:
<TABLE CELLPADDING=10 BORDER=1>
<TR>
<TD COLSPAN=2 CELLPADDING=0>Hej hopp!</TD>
</TR>
<TR>
<TD>Nisse</TD>
<TD>Pelle</TD>
</TR>
</TABLE>

Ovanstående fungerar inte. Jag hoppas att ni förstår vad jag vill åstadkomma.
Går det att genomföra? Kanske genom Stylesheets? Isåfall hur?

Jacob 2003-06-13 05:15

Cellpadding kan, mig veteligen, endast anges inom TABLE-tagen.
Du kanske kan lösa det med tabeller i tabeller?

Du kan ju också använda DIV. T.ex:

<DIV style="margin: 10 10 10 10;">
Text
</DIV>

Såhär kanske:

<TABLE BORDER=1 CELLPADDING=0>
<TR>
<TD COLSPAN=2>Hej hopp!</TD>
</TR>
<TR>
<TD><DIV style="margin: 10 10 10 10;">Nisse</DIV></TD>
<TD><DIV style="margin: 10 10 10 10;">Pelle</DIV></TD>
</TR>
</TABLE>

Filip 2003-06-13 13:57

Tack så mycket för hjälpen!

Men jag använde mig av en lite annorlunda metod:

<TABLE CELLPADDING=10 BORDER=1>
<TR>
<TD COLSPAN=2><span style='color:red'><DIV style="margin: -10 -10 -10 -10;">
Hej hopp!</DIV></TD>
</TR>
<TR>
<TD>Nisse</TD>
<TD>Pelle</TD>
</TR>
</TABLE></span>

Det får ungefär samma effekt. Dessutom slipper jag ha med en massa extra taggar på de ställen som egentligen har standardvärden.

Jacob 2003-06-13 16:15

Ja det gick ju alldeles utmärkt det också. Smart :)

Clarence 2003-06-14 09:17

Först och främst vill jag påpeka att föregående svar är felaktigt även fast det kanske fungerar i IE, avstånd måste ha en enhet. I detta fallet ska varje '10' följas av px (utan mellanslag).

För att slippa ha en extra container kan du lägga padding-propertien på <td> istället. I just detta lilla enstaka fall gör det väl ingen större skillnad, men för framtida användande kanske:
<td style="padding:10px">...</td>

Kan även definieras för hela tabellen genom att lägga följande i ditt stylesheet:
.classID TD {padding:10px}
då måste du lägga till class="classID" i <table>-taggen. Går självklart fint att byta 'class' mot 'id', och då även '.' mot '#'

För CSS referens rekommenderar jag; http://www.w3.org/tr/css2 efter att du tagit dig en titt på w3schools.com tutorial i ämnet

mgns 2003-12-18 14:14

Citat:

Originally posted by cerebus@Jun 14 2003, 06:17
Först och främst vill jag påpeka att föregående svar är felaktigt även fast det kanske fungerar i IE, avstånd måste ha en enhet. I detta fallet ska varje '10' följas av px (utan mellanslag).

För att slippa ha en extra container kan du lägga padding-propertien på <td> istället. I just detta lilla enstaka fall gör det väl ingen större skillnad, men för framtida användande kanske:
<td style="padding:10px">...</td>

Kan även definieras för hela tabellen genom att lägga följande i ditt stylesheet:
.classID TD {padding:10px}
då måste du lägga till class="classID" i <table>-taggen. Går självklart fint att byta 'class' mot 'id', och då även '.' mot '#'

För CSS referens rekommenderar jag; http://www.w3.org/tr/css2 efter att du tagit dig en titt på w3schools.com tutorial i ämnet

Fast hur många browsers stöder CSS2 egentligen?

Clarence 2003-12-18 18:40

Ett stöd för CSS som sträcker sig över vad som finns med i CSS1 finns i alla dagens välanvända browsers. Stöd för de egenskaper jag nämde finns också hos alla dagens mest populära browsers.

mgns 2004-02-09 18:05

Citat:

Originally posted by cerebus@Dec 18 2003, 16:40
Ett stöd för CSS som sträcker sig över vad som finns med i CSS1 finns i alla dagens välanvända browsers. Stöd för de egenskaper jag nämde finns också hos alla dagens mest populära browsers.
Då skulle jag rekommendera http://www.w3.org/TR/CSS1


Alla tider är GMT +2. Klockan är nu 05:52.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson