Hur man ändrar en tabells utseende i Dreamweaver

Behöver du ändra utseendet på en tabell på din webbplats? När du väljer en tabell i Dreamweaver ger egenskapsinspektören dig tillgång till följande alternativ för att anpassa tabellens utseende:

• Tabell: Tillhandahåller ett textområde där du kan ange ett namn för en tabell. Detta namn, eller ID, är användbart för att rikta in tabellen i skript.

• Rader: Visar antalet rader i tabellen. Du kan ändra storleken på tabellen genom att ändra numret. Var dock försiktig: Om du anger ett tal som är mindre än antalet rader i tabellen, tar Dreamweaver bort de nedersta raderna – innehåll och allt.

• Kolumner: Visar antalet kolumner i tabellen. Du kan ändra storleken på tabellen genom att ändra numret. Återigen, om du anger ett antal mindre än antalet kolumner i tabellen, tar Dreamweaver bort kolumnerna på höger sida av tabellen – innehåll och allt.

• W (bredd): Visar tabellens bredd. Du kan ändra bredden genom att ändra numret. Du kan ange bredden som en procentandel eller ett värde i pixlar. Värden uttryckta som en procentuell ökning eller minskning av tabellens storlek i förhållande till storleken på användarens webbläsarfönster eller någon omslutande behållare, till exempel en annan tabell eller en

  märka.

  Tabelldimensioner uttryckta i procent gör att du kan skapa tabeller som ändras i storlek när webbläsarfönstrets storlek ändras. Om du vill att ett bord alltid ska ta upp 75 procent av fönstret, oavsett användarens visningsområde, ställ in storleken i procent. Om du vill att en tabell alltid ska ha samma storlek oavsett webbläsarfönstrets storlek, välj pixlar för din tabellbredd.

  Om en tabell infogas i en annan behållare, t.ex

  taggen eller en tabell med en fast bredd, storleken på tabellen baseras inte på webbläsarfönstret utan på behållaren.

  Obs: Från och med Dreamweaver CS4 hittar du inte längre ett H-fält (höjd). Som en bästa praxis anger de flesta designers inte bordshöjd eftersom tabellens innehåll kan ändras från en besökare till en annan. Till exempel beror teckensnittsstorleken på texten på en användares system och inställningar.

• CellPad: Anger utrymmet mellan innehållet i en cell och dess kant.

• CellSpace: Anger utrymmet mellan tabellceller.

• Justera: Styr justeringen av tabellen på webbsidan. Alternativen är Standard, Vänster, Mitt och Höger. Som en allmän regel justerar standardinställningen tabellen från vänster sida av webbläsarfönstret eller annan behållare.

• Kant: Styr storleken på kanten runt bordet. Ju större nummer, desto tjockare bård. Om du vill att gränsen ska vara osynlig, ställ in den på 0.

• Klass: Ger enkel åtkomst till stilmallsalternativ.

• Rensa och konvertera: Ikonerna i det nedre vänstra området i egenskapsinspektören (klicka på expanderpilen i det nedre högra hörnet för att visa dem) ger dessa formateringsalternativ:

  • Rensa radhöjder och Rensa kolumnbredder gör att du kan ta bort alla höjd- och breddvärden på en gång.

  • Konvertera tabellbredder till pixlar och Konvertera tabellbredder till procent gör att du automatiskt kan ändra breddinställningar från procent till pixlar. Pixlar anger en fast bredd; en procentinställning betyder att webbläsaren automatiskt justerar den angivna procentandelen av webbläsarens visningsområde.

Du kan också använda formateringsalternativ och ändra attributen för alla element – ​​som text, en bild eller en multimediafil – i en tabellcell. För att göra det, välj elementet och använd sedan alternativen i CSS- eller HTML-egenskapsinspektören för att göra önskade ändringar, precis som du skulle göra om elementet inte fanns i en tabellcell.