Webdesign 101 demoside

CSS layout

2-spaltet layout med lige høje spalter, højrestillet menuspalte

Ens spaltehøjde, vilkårlig længde på alle begge spalter

Skjul/vis tekst i venstre spalte
Vis/skjul tekst i højre spalte

Dette er en variation over eksempel 6. Ændringen består i, at menuspalten er højrestillet i stedet for venstrestillet. Det opnås med nogle få ændringer i kildekoden:

div#indhold {
  padding-top:1.5em;
  margin: 0 202px 0 0;
  padding-right:1em;}
div#menucol {
  width:185px;
  float:right;
  padding-top:1.5em;
  padding-right:10px;}
div#wrapper {
  background-image:url(res/leftcolbg200.png);
  background-repeat:repeat-y;
  background-position:right top; }

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ut wesi minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

8. august 2007