CSS och height på <td>

Tråden skapades och har fått 7 svar. Det senaste inlägget skrevs .
1

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

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.

Ursprungligen av Samuel K:

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

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

Mvh: Thord

Ursprungligen av TRLfineart:

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

Mvh: Thord

Typ så här:

<table><tbody>
<tr>
<td id="vadsomhelst"></td>
</tr>
</tbody></table>

...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.

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.

Tackar så mycket!
Nu fick jag lite att grunna på. Man får tydligen sätta sig ner och plugga css ordentilgt.

Färgformaten? Ex: #266 Är det samma som #226666 eller?

Mvh: Thord

Vad står måttenheten 5em för?

1
Bevaka tråden