CSS och height på <td>

2007-01-15 15:58

#1

TRLfineart
Medlem ●
Bollnäs
2007-01-15 15:58

Hej!
1) Vet någon om man kan sätta en höjd på en specifik <td> tagg, men css?

Om man sätter <td height="192"> så fungerar det ju bra.

Men http://validator.w3.org/ gillar inte det.
Det resulterar i ett error-meddelande när man ska validera sin kod. Height attributet godkänns inte. och man får förslaget att fixa det med CSS.

Frågna är bara hur? - Har testat massor av inställningari css! - Inget funkade!

2) En annan sak. Går det att byta ut attributen: frameborder="no" med css?
Som i detta: <frameset rows="76,*,40" frameborder="no">
frameborder="no" ger ett error-meddelande när man validerar koden?

Mvh: Thord

Anmäl Ändra Gilla Svara

2007-01-15 16:14

#2

Samuel K
Medlem ●
Umeå
2007-01-15 16:14

1: Det finns två sätt att göra det på. Antingen lägger du in CSS:en inline, typ <td style="height: 5em"> eller så sätter du ett specifikt ID på tabellcellen och anger höjden i dokumentets CSS-deklaration.

2: Som allt annat, med CSS.
frame { border: none }

Kan för övrigt varmt rekommendera boken Designing Without Tables Using CSS, som på ett handfast sätt tar upp hur man gör moderna webbsidor med CSS-baserade layouter i stället för tabeller.

Anmäl Ändra Gilla Svara

2007-01-15 17:50

#3

TRLfineart
Medlem ●
Bollnäs
2007-01-15 17:50

Ursprungligen av Samuel K:

... eller så sätter du ett specifikt ID på tabellcellen och anger höjden i dokumentets CSS-deklaration.

Gå till inlägget

Toppen! Men hur? - Hoppas att du vill förklara lite ur citatet ovan.

Mvh: Thord

Anmäl Ändra Gilla Svara

2007-01-15 18:25

#4

Samuel K
Medlem ●
Umeå
2007-01-15 18:25

Ursprungligen av TRLfineart:

Toppen! Men hur? - Hoppas att du vill förklara lite ur citatet ovan.

Mvh: Thord

Gå till inlägget

Typ så här:

...och sedan i css:en:
#vadsomhelst { height: 5em; }

Men som ninjamac säger så är det sällan någon idé att sätta ett id på en enda särskild tabellcell, det blir liksom väldigt konstigt. Enda anledningen jag kan komma på är om man gör någon sorts tabellbaserad layout men då är man fel ute, finns så många enklare och på alla sätt bättre sätt att göra webbsideslayouter på nuförtiden.

Anmäl Ändra Gilla Svara

2007-01-15 17:48

#5

ninjamac
Medlem ●
Malmö
2007-01-15 17:48

Ingen anledning att använda en massa id och class-attribut helt i onödan. Så här kallar du direkt på element via inheritance:

<head>
<style type="text/css" media="all">
/*1*/
td{background:#aac;height:100px;}
/*2*/
#t2 td{height:150px;background:#acc;}
/*3*/
.td2{height:200px;background:#cca;}
</style>
</head>
<body>
<table><tr><td>/*1*/ cell (td) kallas på utan id eller class</td></tr></table>
<table id="t2"><tr><td>/*2*/ cell (td) kallas på via tabells id</td></tr></table>
<table><tr><td class="td2">/*3*/ cell (td) kallas på med egen class</td></tr></table>
</body>

Bifogar också ett mer komplett dokument med lite mer exempel och lite djupare inheritance.