Hvordan endre en tabells utseende i Dreamweaver

Trenger du å endre utseendet til en tabell på nettstedet ditt? Når du velger en tabell i Dreamweaver, gir egenskapsinspektøren deg tilgang til følgende alternativer for å tilpasse tabellens utseende:

• Tabell: Gir et tekstområde der du kan skrive inn et navn for en tabell. Dette navnet, eller ID-en, er nyttig for å målrette tabellen i skript.

• Rader: Viser antall rader i tabellen. Du kan endre størrelsen på tabellen ved å endre tallet. Vær imidlertid forsiktig: Hvis du skriver inn et tall som er mindre enn antall rader i tabellen, sletter Dreamweaver de nederste radene – innhold og alt.

• Cols: Viser antall kolonner i tabellen. Du kan endre størrelsen på tabellen ved å endre tallet. Igjen, hvis du skriver inn et tall mindre enn antall kolonner i tabellen, sletter Dreamweaver kolonnene på høyre side av tabellen – innhold og alt.

• W (bredde): Viser bredden på tabellen. Du kan endre bredden ved å endre tallet. Du kan angi bredden som en prosentandel eller en verdi i piksler. Verdier uttrykt som en prosentvis økning eller reduksjon av tabellens størrelse i forhold til størrelsen på brukerens nettleservindu eller en omsluttende beholder, for eksempel en annen tabell eller en

  stikkord.

  Tabelldimensjoner uttrykt i prosent lar deg lage tabeller som endres i størrelse når nettleservinduet endres. Hvis du vil at en tabell alltid skal ta opp 75 prosent av vinduet, uavhengig av brukerens visningsområde, sett størrelsen som en prosentandel. Hvis du vil at en tabell alltid skal ha samme størrelse uavhengig av størrelsen på nettleservinduet, velger du piksler for tabellbredden.

  Hvis en tabell er satt inn i en annen beholder, for eksempel en

  tag eller en tabell med en fast bredde, størrelsen på tabellen er ikke basert på nettleservinduet, men på beholderen.

  Merk: Fra og med Dreamweaver CS4 finner du ikke lenger et H-felt (høyde). Som en beste praksis spesifiserer de fleste designere ikke bordhøyde fordi tabellens innhold kan endres fra en besøkende til en annen. Skriftstørrelsen på tekst avhenger for eksempel av en brukers system og innstillinger.

• CellPad: Angir mellomrommet mellom innholdet i en celle og dens kantlinje.

• CellSpace: Spesifiserer mellomrommet mellom tabellceller.

• Juster: Kontrollerer justeringen av tabellen på nettsiden. Alternativene er Standard, Venstre, Senter og Høyre. Som en generell regel justerer standardinnstillingen tabellen fra venstre side av nettleservinduet eller annen beholder.

• Border: Kontrollerer størrelsen på rammen rundt bordet. Jo større tall, jo tykkere kant. Hvis du vil at grensen skal være usynlig, sett den til 0.

• Klasse: Gir enkel tilgang til stilarkalternativer.

• Slett og konverter: Ikonene i området nede til venstre i egenskapsinspektøren (klikk utvidelsespilen i nedre høyre hjørne for å vise dem) gir disse formateringsalternativene:

  • Fjern radhøyder og klare kolonnebredder lar deg fjerne alle høyde- og breddeverdier på en gang.

  • Konverter tabellbredder til piksler og Konverter tabellbredder til prosent lar deg endre breddeinnstillingene automatisk fra prosenter til piksler. Piksler spesifiserer en fast bredde; en prosentinnstilling betyr at nettleseren automatisk justerer den angitte prosentandelen av nettleserens visningsområde.

Du kan også bruke formateringsalternativer og endre attributtene til ethvert element – ​​for eksempel tekst, et bilde eller en multimediefil – i en tabellcelle. For å gjøre det, velg elementet og bruk deretter alternativene i CSS- eller HTML-egenskapsinspektøren for å gjøre de ønskede endringene, akkurat som du ville gjort hvis elementet ikke var i en tabellcelle.