Hantera tabeller

Om tabeller

2012-01-17


Åter till  [ Demosida om layout ]  

 

Layouter med tabeller 


2-spalt tabell med 1px ram

Möjligt att sätta en rubrik för tabellen
Cell 1 bilden i vänsterkant, ram 1 px horizontalrymd 5 pixlar Cell 2 bilden centrerad vertikalt
Lapplands larcentra logo lågupplöst format jpg 945x347 pixlarmargin: 0px 5px; border: 0px; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar

 

 

Tabell 2.
2-spalt tabell med 1px ram, cellpadding 15px och cellspacing 5px, ramfärg ljus blå, bakgrund ljus gul

Bild 1 bild 200px grön tabellbakgrund, marginal 5 pixlar runt textramen Bild 2 bild 200px

Lapplands larcentra logo lågupplöst format jpg 945x347 pixlarmargin: 0px 5px; border: 0px; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 Lapplands larcentra logo lågupplöst Svart Vit format jpg 945x347 pixlarmargin: 0px 5px; border: 0px;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 

 

Tabell 3.
Tabell 1-spalt med osynlig ram

Bild 300px bild horizontalrymd 5 pixlar

Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar
margin: 0px 5px; border: 0px;

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 

 

Tabell 4.
Tabell 1-spalt med text och bild med osynlig ram

Text och Bild 200px (Rubrik 1)

Lapplands larcentra logo lågupplöst format jpg 945x347 pixlarTexten är justerad "vänster" (Rubrik2)

Marginal horisontal rymd satt till 5 pixlar. margin: 0px 5px; float: left; border: 0px;

 

 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 

 

Text och Bild 200px (Rubrik 1)

Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar

Texten är justerad "höger" (Rubrik2)

Marginal horisontal rymd satt till 5 pixlar. margin: 0px 5px; float: left; border: 0px;

 

 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 

 

Tabell 5.
Tabell 3-kolumner, 3 rader med text och bild

 

Tabell med 1 pixel grön ram och en fast bredd på 500 pixlar.
Rad 1 ingen marginaljustering
Rad 2 centrerad
Rad 3 högerjusterad

Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar
Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar
Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar Lapplands larcentra logo lågupplöst format jpg 945x347 pixlar


Tabell 6.
Tabell 3-kolumner, 3 rader med text

 

 

Tabell med 1 pixel grön ram och en fast bredd på 500 pixlar. Radhöjd 350 pixlar.
Rad 1 vertikal justering toppen,  ingen marginaljustering
Rad 2 vertikal justering centrerad i mitten av cellerna, raden
Rad 3 vertikal justering botten dvs. på baslinjen av cellerna, raderna

Detta är en trevlig liten text. Som är en utfyllnad i tabellen.

 

Detta är en trevlig liten text. Som är en utfyllnad i tabellen.

 

Detta är en trevlig liten text. Som är en utfyllnad i tabellen.

 

Detta är en trevlig liten text. Som är en utfyllnad i tabellen. Detta är en trevlig liten text. Som är en utfyllnad i tabellen. Detta är en trevlig liten text. Som är en utfyllnad i tabellen. Detta är en trevlig liten text. Som är en utfyllnad i tabellen. Detta är en trevlig liten text. Som är en utfyllnad i tabellen. Detta är en trevlig liten text. Som är en utfyllnad i tabellen.

Nyheter