<ul id="meny">
<li id="menynor"><a href="index.html">nor</a></li>
<li id="menyeng"><a href="engindex.html">eng</a></li>
<li id="menyger"><a href="gerindex.html">ger</a></li></ul>
</div>
#meny{
position:absolute;
left: 635px;
list-style: none;
top:95px;
width: 150px;
height: 100px;
}
#meny li, #meny li a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
display:inline;
width: 80px;
height: 100px;
margin-left:10px;
}
# menynor{
background-image::url(../foto/norskflagg.png);
background-repeat:no-repeat;
}
# menyeng{
background:url(../foto/engelskflagg.png);
background-repeat:no-repeat;
}
# menyger{
background:url(../foto/tyskflagg.png);
background-repeat:no-repeat;
}
background-image::url(../foto/norskflagg.png);
background:url(../foto/norskflagg.png) no-repeat;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Toftemo turiststasjon</title>
<link type="text/css" rel="stylesheet" href="toftemoturist.css" />
</head>
<body>
<div id="indexSide">
<div id="duerHer">Du er her: Toftemo turiststasjon > <b>Hovedside</b></div>
<div id="iguanLink"><a href="http://www.iguan.no">web: iguan design</a></div>
<div id="rettigheter"><p>© Toftemo Turiststasjon - 2662 Dovre tel.: +47 61 24 00 45 <a href="mailto:post@toftemo.no"> - post@toftemo.no</a></p>
</div>
<ul id="nav">
<li><a href="#">Hovedside</a></li>
<li><a href="#">Overnatting</a>
<ul>
<li><a href="#">Hotell</a></li>
<li><a href="#">Hytte</a></li>
<li><a href="#">Karavan</a></li>
<li class="noBorder"><a href="#">Anneks</a></li>
</ul>
</li>
<li><a href="#">Kafé</a></li>
<li><a href="#">Aktiviteter</a></li>
<li><a href="#">Selskap og møter</a></li>
<li><a href="#">Priser</a></li>
<li class="noBorder"><a href="#">Kontakt</a></li>
</ul>
<div id="textbox"><h2>Velkommen <br/>til Toftemo Turiststasjon</h2>
<br/>Aenean commodo ligula eget dolor. Aenean massa.<br >
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus. <br>Aenean commodo ligula eget dolor. Aenean massa.<br /><br >
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br />Donec.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus. <br/>Aenean commodo ligula eget dolor. Aenean massa.<br >
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br /></div>
<div id="bgfoto">
</div>
</div>
<div id="flagg"></div>
<ul id="meny">
<li id="menynor"><a href="mixepultermicrofoneroglydrom.html">nor</a></li>
<li id="menyeng"><a href="relasjoner.html">eng</a></li>
<li id="menyger"><a href="kontakt.html">ger</a></li></ul>
</body>
</html>
#flagg{
position:absolute;
background-image:url(../stuff/designelement/flagg.png);
background-repeat:no-repeat;
left: 750px;
list-style: none;
top:150px;
width: 112px;
height: 20px;
}
#meny{
position:absolute;
display:inline;
left:696px;
top:155px;
width: 150px;
height: 30px;
}
#meny li a span{
display:none;
}
#meny li, #meny li a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
display:inline;
width: 150px;
margin-left:10px;
margin-top: 5px;
}
#menynor{
background-repeat:no-repeat;
}
#menyeng{
background-repeat:no-repeat;
}
#menyger{
background-repeat:no-repeat;
}
ul{padding:0;margin:0;overflow:hidden;}
li{background:url(flag);float:left;display:block;height:x;width:x;}
li a{display:block; height:x;width:x;}
Registrerte brukere: Google [Bot]