nicht angemeldet
<body>
<div id="obenlinks">
<img src="wow.jpg" border="0" height="190"/>
</div>
<div id="untenlinks">
</div>
<div id="start">
<div id="home">
Home
</div>
<div id="leiste">
<a href="WoW.html"> World of Warcraft</a>
<a href="Magic.html"> Magic</a>
<a href="Warhammer.html"> Warhammer</a>
<a href="Downloads.html"> Downloads</a>
<a href="Forum.html"> Forum</a>
<a href="Kontakt.html"> Kontakt</a>
<a href="Links.html"> Links</a>
</div>
</div>
<div id="werbung">
<div id="werbung1">
<a href="ajfjlaj.html"><img src="wow2.jpg" border="0" height="40"/></a>
<img src="magic.jpg" border="0" height="40"/>
<img src="war.gif" border="0" height="40"/>
</div>
</div>
<div id="text">
<div id="artikel1">
<div id="bild1">
<a href="wow.html"><img src="a.jpg" height="100" border="0"/></a>
</div>
<div id="text1">
Endlich! <br/>
Wir sind gerettet! <br/>
nach unenlicher Leidenszeit ohne WoW
11. Februar 2005
<strong>Unser</strong> Leben hat sich schlagartig geändert. Mit der Veröffentlichung von World of Warcraft<b/>
<a href="dsfjs.html">mehr</a>
</div>
</div>
<div id="artikel2">
<div id="bild1">
<a href="wow.html"><img src="c.gif" height="100" border="0"/></a>
</div>
<div id="text1">
lsa djfdjf jfjd djfsj ldjf lksdjf jdlsjf jsdlk jdlf jlfj <br />
ztrg flkjl
</div>
</div>
<div id="artikel3">
<div id="bild1">
<a href="dlfjsa.html"><img src="saljd.gif" height="100" border="0"/></a>
</div>
<div id="text1">
akfj sdlkfs dlkfj dasfjs dlfjlkfjsd jfkl jdfjlds fjldjf jj klf
</div>
</div>
<div id="artikel4">
<div id="bild1">
<a href="jdlf.html"><img src="sjflsdj.gif" height="100" border="0"/></a>
</div>
</div>
<div id="artikel5">
</div>
<div id="artikel6">
</div>
</div>
</body>
</html>
und hier ist die css
body
{
height: 100%;
font-size: 100%;
font-family: Baskerville Old Face,Arial, Verdana, Ganeva;
color: white;
background: black;
}
a
{
text-decoration: underline;
font-weight: bold;
color: red;
background-color:transparent;
}
a:hover
{
text-decoration: none;
background: transparent;
color: #A7A4E9;
font-weight: bold;
}
a: activate
{
text-decoration: underline;
font-weight: bold;
background: #e5e5e5;
color: red;
}
a:focus
{
text-decoration: underline;
font-weight: bold;
background: #e5e5e5;
color: red;
}
#start
{
position: absolute;
font-size: 0.9em;
font-family: Baskerville Old Face,Arial, Verdana, Geneva;
font-weight: bold;
text-decoration: none;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
left: 0px;
top: 200px;
height: auto;
width: 160px;
background: transparent;
}
#home
{
font-size: 0.9em;
font-family: Baskerville old face, arial, verdana, geneva;
font-weight: bold;
text-decoration: none;
left: 0px;
top: 200px;
background: #A0000C;
height: auto;
width: 160px;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
padding: 4px 0px 4px 5px;
}
#leiste
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
text-decoration: none;
height: auto;
width: 160px;
background: #FF0030;
}
#leiste a
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
height: auto;
width: 160px;
padding: 4px 0px 4px 5px;
background: #FF0030;
}
#leiste a:hover
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
height: auto;
width: 160px;
padding: 4px 0px 4px 5px;
background: #A0000C;
}
#werbung
{
position: absolute;
top: 0px;
left: 170px;
height: 40px;
width: 100%;
border-style: solid;
border-color: black;
border: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
}
#text
{
position: absolute;
top: 60px;
left: 170px;
height: 870px;
width: 100%;
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
background: transparent;
border-style: solid;
border-color: yellow;
border: 1px 1px 1px 1px;
}
#artikel1
{
font-size: 0.9em;
font-weight: lighter;
font-family: baskerville old face, arial, verdana, geneva;
float: left;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
position: absolute;
top: 20px;
left: 20px;
height: 150px;
width: 600px;
background-image: url(d.jpg);
}
#text1
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
left: auto;
height: auto;
width: auto;
padding: 0px 0px 0px 3px;
}
#bild1
{
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
top: 0px;
left: 0px;
height: auto;
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#artikel2
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
float: left;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
position: absolute;
left: 20px;
top: 190px;
height: 150px;
width: 600px;
background-image: url(d.jpg);
}
#obenlinks
{
position: absolute;
top: 0px;
left: 0px;
height: auto;
width: auto;
}
#werbung1
{
height: 40px;
width: auto;
float: left;
}
#artikel3
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 20px;
left: 640px;
height: 500px;
width: 200px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel4
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 360px;
left: 20px;
height: 150px;
width: 300px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel5
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 530px;
left: 20px;
height: 150px;
width: 180px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel6
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 530px;
left: 220px;
height: 150px;
width: 620px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#untenlinks
{
position: absolute;
top: 400px;
left: 0px;
height: auto;
width: 164px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
image: url(c:\meins\wow.jpg);
}
#untenlinks a:hover
{
background-image: url(c:\meins\wow3.jpg);
}
h2
{
color: white;
text-decoration: none;
font-family: comic sans ms;
}