(category) LIST of posts

UV eksempler

Bogens bullets, Anchor-tags:
rå kode | unstyled med links og anchors | styled

galleri:
simpelt flersidet galleri

menu navigation:
list menu med ‘you-are-here funktionalitet’ og baggrundsbillede i class på a-tag

‘selected’ tab – Hver side sit farvetema – kun een extern css

DOM manipulation theme switcher:
test0.html (simpel theme swicher) | test1.html (simpel theme swicher med simpel cookie-funktion | test2.html med link til ekstern jstest2.js

Ul – li – links

xhtml css
<ul>
<li><a href="#">punkt1</a></li>
<li><a href="#">punkt2</a></li>
<li><a href="#">punkt3</a></li>
<li><a href="#">punkt4</a></li>
</ul>
 ul {
background-color: #000000;
padding: 0 8px 0 8px;
display: inline;
background-image: url(slette_02.gif);
}
 
li {
display: inline;
margin: 0 4px 0 4px;
}
 
li a:link, li a:visited {
background-color: #CCCCCC;
color: #666666;
padding: 0 5px 0 5px;
text-decoration: none;
font-weight: bold;
}
 
li a:hover, li a:active {
background-color: #eee;
color: #000000;
}

html, så kan du lære det

Produktionen aktiveres med lidt humor, af hver sin slags:

Med alle forbehold for, at tabeller ikke skal bruges til at layoute med… Tabeller bruges til skemaer, og layout klares med css.

.

.

Start-eksempler

Her samles på eksempler med sider lavet med xhtml/css that’s all.

http://www.estudios-aqua.com/ Er blevet MEGET indviklet siden jeg sidst så på den…. bør undgås som kode

http://www.trilance.com/ er fyldt med fejl …

http://www.subterrane.com/

http://www.sydlieberman.com


http://www.cssplay.co.uk/layouts/frame.html
http://www.webcreme.com/
http://css-discuss.incutio.com/?page=DesignInspiration