Kom ihåg mig?
Home Menu

Menu


Cellpadding För Endast En Td

Ämnesverktyg Visningsalternativ
Oläst 2003-06-13, 04:47 #1
Filips avatar
Filip Filip är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jan 2003
Inlägg: 935
Filip Filip är inte uppkopplad
Mycket flitig postare
Filips avatar
 
Reg.datum: Jan 2003
Inlägg: 935
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?
Filip är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-06-13, 05:15 #2
Jacob Jacob är inte uppkopplad
VIP
 
Reg.datum: Mar 2003
Inlägg: 395
Jacob Jacob är inte uppkopplad
VIP
 
Reg.datum: Mar 2003
Inlägg: 395
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>
Jacob är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-06-13, 13:57 #3
Filips avatar
Filip Filip är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jan 2003
Inlägg: 935
Filip Filip är inte uppkopplad
Mycket flitig postare
Filips avatar
 
Reg.datum: Jan 2003
Inlägg: 935
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.
Filip är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-06-13, 16:15 #4
Jacob Jacob är inte uppkopplad
VIP
 
Reg.datum: Mar 2003
Inlägg: 395
Jacob Jacob är inte uppkopplad
VIP
 
Reg.datum: Mar 2003
Inlägg: 395
Ja det gick ju alldeles utmärkt det också. Smart
Jacob är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-06-14, 09:17 #5
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
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
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-12-18, 14:14 #6
mgns mgns är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2003
Inlägg: 2
mgns mgns är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2003
Inlägg: 2
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?
mgns är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-12-18, 18:40 #7
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
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.
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2004-02-09, 18:05 #8
mgns mgns är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2003
Inlägg: 2
mgns mgns är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2003
Inlägg: 2
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
mgns är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 15:31.

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