(category) LIST of posts

Tutorials galleri

teaser thumbnail list
Maxdesign: Floating image thumnail gallery
tjkdesign how_to_style_thumbnail_and_caption

Dynamicdrive galleri på hover
Stu Nichols css gallery

Tutorials menu

cssnewbie super-simple-horizontal-navigation-bar

dynamicdrive
listamatic maxdesign

Links syntaks

<!--Link til relativ adresse-->
    <a href="om_mig.html">OM MIG</a>
<!--Link til absolut adresse-->
    <a href="http://google.com">GOOGLE</a>
<!--Link til mail adresse-->
    <a href="mailto:din@adresse.dk">EMAIL</a>
<!--Link på billede-->
    <a href="index.html">
        <img src="billeder/homeknap.gif" alt="knap til home" /></a>
 
<!--Link til "punkt-1" på samme side, (fx. indholdsfortegnelse) -->
    <a href="#punkt-1">PUNKT 1</a>
<!--Der forudsættes et Anchor-id længere nede på siden -->
    <a id="#punkt-1"> </a>

CSS Layout ressourcer

layout

mycelly
intensivstation
changingman

Navigation

dynamicdrive.com/style/csslibrary

Index på Monline

Aflevering i Fronter

Titel: ditnavn_ditefternavn-monlineindex
URL: http://ditbrugernavn.monline.dk

Forsiden på Monline

En forside kaldet index.html + mapper og filer udarbejdes anden dag og uploades fra rodmappen på C-drevet – til rodmappen på Monline-adressen med et FTP-program.
Denne index-fil suppleres dagligt med links til nye opgaveløsninger og opdateres i løbet af ugen.

1uge-lil
ftp-adresse = monline.dk
brugernavn bliver udleveret
password bliver udleveret

Når forbindelsen til monline er oprettet med FTP, trækkes lokale filer og mapper direkte ud i samme mapper på monline serveren. Strukturen “derude” skal afspejle strukturen “derhjemme”.

Tomme menu punkter

#menu {
position:relative;
margin:auto;
width:420px;
}
#menu ul {
display: inline;
}
#menu li {
display: inline;
float: left;
}
#menu li a {
display: block;
width: 105px;
height: 30px;
font-size: 0;
}
#menu li a:link, #menu li a:visited  {
background-color: red;
}
#menu li a:hover, #menu li a:active  {
background-color: yellow;
}
<div id="menu"><ul>
<li><a href="index.html" title="index"> </a></li>
<li><a href="cv.html" title="cv"> </a></li>
<li><a href="musik.html" title="musik"> </a></li>
<li><a href="grafik.html" title="grafik"> </a></li>
</u></div>

.

Billedbaggrund og “you-are-here” funktionalitet

<li><a id="vi_er_her" href="index.html" title="index"> </a></li>
#menu li a:link, #menu li a:visited  {
background-image: url(sti/til/billede.jpg);
background-position: 0px 0px;/*y-akse x-akse*/
}
#menu li a:hover, #menu li a:active  {
background-position: 50px 50px;
}
#menu li a#vi_er_her:link, #menu li a#vi_er_her:visited  {
background-position: 50px 50px;
}