32 svar · 760 visningar · startad av Calevan
Hur skriver man i egentligen i CSS? jag verkar göra något rejät fel då det aldrig funkar :(
har nu:
<table border="1" cellpadding="2" cellspacing="10" width="750" height="560" bordercolorlight="#000000" bordercolordark="#000000">
vill ha:
<table class="huvudtabellen">
och så ska all annan info stå i CSS filen, hur skriver jag den? är "class" det rätta att använda?
TACK!
.huvudtabellen {
border-width: 1px;
border-color: #000000;
width: 750px;
height: 560px;
}
<table cellspacing="2" cellpadding="10" class="huvudtabellen">
så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
Calevan skrev:
så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
Varför skall du? det finns ingen anledning.
frankof skrev:
Calevan skrev:
så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
Varför skall du? det finns ingen anledning.
det är snyggt att ha allt som styr utseendet på samma ställe.
shun skrev:
Du kan ju använda dig av
.huvudtabellen td{ margin: 2px; padding: 10px; }
det där fick jag inte att fungera alls, funkar verkligen det? paddingen är ju en egenskap hos <table> och inte på <td> (ialla fall inte i mitt fall)
Calevan skrev:
shun skrev:
Du kan ju använda dig av
.huvudtabellen td{ margin: 2px; padding: 10px; }det där fick jag inte att fungera alls, funkar verkligen det? paddingen är ju en egenskap hos <table> och inte på <td> (ialla fall inte i mitt fall)
det var just det, cellpadding är en egenskp för table, skall du använda css måste du sätta formateringen på det elementet som berörs, <td> i detta fallet.
frankof skrev:
Calevan skrev:
så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
Varför skall du? det finns ingen anledning.
Menar du att det inte finns någon anledning att låta CSS sköta utseendet av elementen?
I så fall har du nog missuppfattat ett och annat.
dectgap skrev:
frankof skrev:
Calevan skrev:
så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
Varför skall du? det finns ingen anledning.
Menar du att det inte finns någon anledning att låta CSS sköta utseendet av elementen?
I så fall har du nog missuppfattat ett och annat.
jaja missförstå bara och se om det för diskutionen framåt.
cellspacing/-padding är en fullt godkänd attribut till table.
I detta specifika fallet blir det litet konstigt att använda css, eftersom det inte fungerar ;)
sätter du margin på en cell mha css händer inte mycket, och ivarje fall inget som påminner om cellspacing.
Var det så här du vill ha det Calevan
All design med enbart css.
Visas lika i Firefox och Ie.
<html>
<head>
<style type="text/css">
table
{
width:750px; height:560px;
border:1px solid #000000;
border-collapse: separate;
empty-cells:show;
}
td
{
background-color: gray;
border:solid white;
border-width: 8px;
padding-left:2px;
}
</style>
</head>
<body>
<table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
</body>
</html>
Är det så svårt?
table {
border: 1px solid black;
border-collapse: separate;
border-spacing: 10px;
empty-cells: show;
width: 750px;
height: 560px;
}
th, td { border: 1px solid black; }
Jag får ingen spacing 10px när jag textar zcorpan´s kod!
bossse skrev:
Jag får ingen spacing 10px när jag textar zcorpan´s kod!
Tja, denna koden fungerar för mig:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="Author" content="Frank Ofstad">
<style type="text/css">
.tabellen {
border: 1px solid red;
border-spacing:10px;
width: 750px;
height: 560px;}
td {padding: 30px; background-color:#cfcfcf;}
</style>
<title></title>
</head>
<body>
<table class="tabellen">
<tr><td>p</td>
<td>s</td>
<td>d</td>
</tr>
<tr><td>df</td>
<td>v</td>
<td>v</td></tr>
<tr><td>v</td>
<td>vb</td>
<td>bn</td></tr>
</table>
</body>
</html>
R: glömde en ">" :r
frankof skrev:
bossse skrev:
Jag får ingen spacing 10px när jag textar zcorpan´s kod!
Tja, denna koden fungerar för mig:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="Author" content="Frank Ofstad"> <style type="text/css"> .tabellen { border: 1px solid red; border-spacing:10px; width: 750px; height: 560px;} td {padding: 30px; background-color:#cfcfcf;} </style> <title></title> </head> <body> <table class="tabellen"> <tr><td>p</td> <td>s</td> <td>d</td> </tr> <tr><td>df</td> <td>v</td> <td>v</td></tr> <tr><td>v</td> <td>vb</td> <td>bn</td></tr> </table> </body> </html
Inte i IE, då IE inte stöder border-spacing ;)
http://blooberry.com/indexdot/css/properties/table/bspace.htm
mv icaaq
icaaq skrev:
Inte i IE, då IE inte stöder border-spacing ;)
http://blooberry.com/indexdot/css/properties/table/bspace.htm
mv icaaq
Varför envisas folk med att använda IE x( ;) :e
<!--[if IE]> <table cellspacing="10"> <![endif]-->
<!--[if !IE]> <--> <table> <!--> <![endif]-->
Äh! :D
Vad är det för skillnad mellan:
#hej {blabla}
<tag id="hej">
och
.hej {blabla}
<tag class="hej">
'?
id använder du bara en gång.
class kan du använda flera gånger.
Typ. Du har ett ID-kort. Det är ditt personliga kort som ingen annan har. Men en class, ja i en skolklass går det en massa barn. Bra jämförelse va?
Ja massor. Det är nog jag som är dum.
Det går alltså inte att skriva
<p id="hej">Kakor är trevliga.</p>
<p id="hej">Med strössel på</p>
. (?!)