Hur man använder tabellcellsalternativ i Dreamweaver

Dreamweaver låter dig ange alternativ för enskilda celler i en tabell. När du markerar en cell, vilket du kan göra genom att klicka för att placera markören var som helst i cellområdet, ändras egenskapsinspektören för att visa de individuella egenskaperna för den cellen, till exempel formateringen och justeringen av innehållet i en viss cell.

Från och med Dreamweaver CS4 har egenskapsinspektören både HTML- och CSS-inställningar. CSS-inställningar är i allmänhet att föredra och fungerar på samma sätt för innehållet i en tabellcell som de gör för innehåll någon annanstans på en webbsida.

Du kan också ändra flera celler samtidigt. Anta att du vill formatera några celler i din tabell med en viss bakgrundsfärg och textstil. Du kan tillämpa samma egenskaper på flera celler genom att markera mer än en cell åt gången. Alla egenskaper du ändrar i egenskapsinspektören gäller för alla markerade celler. Här är tips för att välja celler:

• För att markera intilliggande celler, tryck på Skift-tangenten samtidigt som du klickar för att markera celler.

• För att markera flera celler som inte ligger intill, tryck på Ctrl-tangenten och klicka på varje cell du vill markera.

• Om du har problem med att välja en enskild cell eftersom den innehåller en bild, klicka på bilden och använd sedan ← eller →-tangenten på ditt tangentbord för att flytta markören och avmarkera bilden, vilket aktiverar egenskapsinspektören och visar alternativen för det cell.

När en eller flera intilliggande celler är markerade styr den övre halvan av egenskapsinspektören formateringen av text och webbadresser i tabellcellerna. Den nedre halvan av egenskapsinspektören tillhandahåller alternativen för tabellcellattribut enligt följande:

• Sammanfoga markerade celler med Spans-ikonen: Sammanfogar två eller flera celler. För att slå samman celler måste du först markera två eller flera celler genom att klicka och dra eller genom att trycka på Skift- eller Ctrl-tangenten medan du markerar flera celler.

• Dela upp cell i rader eller kolumner-ikon: Delar en cell i två. När du väljer det här alternativet låter en dialogruta dig ange om du vill dela raden eller kolumnen. Du kan sedan ange antalet kolumner eller rader, vilket styr hur många gånger cellen delar sig. Observera att du bara kan använda alternativet Dela cell på en cell åt gången.

• Horz och Vert: Styr den horisontella justeringen respektive vertikal justering av cellinnehållet.

• W och H: Styr cellens bredd respektive höjd.

• Ingen radbrytning: Förhindrar radbrytning i cellen. Cellen vidgas för att rymma all text medan du skriver eller klistrar in den i en cell. (Normalt flyttas överflödig text bara ner till nästa rad och ökar höjden på cellen.)

• Rubrik: Formaterar en cells innehåll med hjälp av en rubriktagg, som visar texten i fet stil och centrerad som standard i de flesta webbläsare.

• Bg (färg): Klicka i färgbrunnen för att välja en bakgrundsfärg från färgpaletten eller ange en hexadecimal färgkod i textfältet. Om du använder färgpaletten skrivs den hexadecimala koden in automatiskt i Bg-färgfältet. Se till att du inkluderar #-tecknet om du lägger till din egen hexadecimala färg, annars kommer färgen inte att visas korrekt i många webbläsare.

Även om alternativen för justering, färg och formatering i egenskapsinspektören är praktiska, är CSS det föredragna alternativet.