webForumDet fria alternativet
Logga in / Bli medlem

skriva om till CSS

HTML & CSS

32 svar · 762 visningar · startad av Calevan

CalevanMedlem sedan maj 20031 173 inlägg
Frågan#1

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!

SteadyMedlem sedan dec. 2004225 inlägg
#2
.huvudtabellen {
	border-width: 1px;
	border-color: #000000;
	width: 750px;
	height: 560px;
}

<table cellspacing="2" cellpadding="10" class="huvudtabellen">
CalevanMedlem sedan maj 20031 173 inlägg
#3

så cellspacing och cellpadding går inte att skriva i CSS på något sätt?

frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#4

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.

shunMedlem sedan mars 2004230 inlägg
#5

Du kan ju använda dig av

.huvudtabellen td{
margin: 2px;
padding: 10px;
}
CalevanMedlem sedan maj 20031 173 inlägg
#6

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)

frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#7

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.

dectgaps avatardectgapMedlem sedan sep. 20021 655 inlägg
#8

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.

frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#9

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.

bossseMedlem sedan juni 2003771 inlägg
#10

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>

zcorpanMedlem sedan dec. 20042 245 inlägg
#11

Ä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; }
frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#12

zcorpan skrev:

Är det så svårt?

Nä ;) det var border-spacing jag inte hittade :e

bossseMedlem sedan juni 2003771 inlägg
#13

Jag får ingen spacing 10px när jag textar zcorpan´s kod!

frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#14

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

icaaqMedlem sedan okt. 20005 273 inlägg
#15

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

frankofs avatarfrankofMedlem sedan jan. 20016 874 inlägg
#16

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

zcorpanMedlem sedan dec. 20042 245 inlägg
#17
<!--[if IE]> <table cellspacing="10"> <![endif]-->
<!--[if !IE]> <--> <table> <!--> <![endif]-->

Äh! :D

oskobs avataroskobMedlem sedan maj 20021 558 inlägg
#18

Vad är det för skillnad mellan:

#hej {blabla}
<tag id="hej">

och

.hej {blabla}
<tag class="hej">

'?

Okkidos avatarOkkidoMedlem sedan maj 20007 492 inlägg
#19

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?

oskobs avataroskobMedlem sedan maj 20021 558 inlägg
#20

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>

. (?!)

261 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)