Yshopnoosa.com

Hur man håller en HTML-tabell från att ändra bredd & höjd

De flesta HTML-tabeller anges att ändra sina dimensioner för att justera storleken på ett fönster. Men om du är mycket speciell om storleken på dina rader och celler, måste du definiera din tabellens bredd och höjd i pixlar. Ställa in fasta pixeldimensioner för tabellen kommer att se till att ingenting blöder över till resten av din design.

Instruktioner

1 Börja ditt bord med följande kod:

< tabell bredd = "400" höjd = "100" >

Du kan ersätta alla värden för nummer 400 och 100.

2 Skapa en rad genom att lägga till taggen < tr >. Din kod bör nu se ut så här:

< tabell bredd = "400" höjd = "100" >

< tr >

3 Skapa celler genom att lägga till < td >-taggar. Exempelvis om du skulle lägga till två celler att ta upp 40 och 60 procent av tabellen respektive, skulle koden vara som följer:

< tabell bredd = "400" höjd = "100" >

< tr >

< td bredd = "40%" höjd = "100%" > exempel 1 < /td >

< td bredd = "60%" höjd = "100%" > exempel 2 < /td >

"Exempel" texten är där innehållet i tabellen måste anges. Som du har redan definierat Apparatstorlek, kommer procentsatserna här inte växa eller krympa bortom dessa gränser.

4 Närbild av alla dina Taggar. Detta är din färdiga kod:

< tabell bredd = "400" höjd = "100" >

< tr >

< td bredd = "40%" höjd = "100%" > exempel 1 < /td >

< td bredd = "60%" höjd = "100%" > exempel 2 < /td >

< /tr >

< / table >