![]() |
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? |
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> |
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. |
Ja det gick ju alldeles utmärkt det också. Smart :)
|
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 |
Citat:
|
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.
|
Citat:
|
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