Hallo, um ehrlich zu sein ich bin noch ziemlicher Anfänger, ich weiss, dass mein Code schlecht ist. Ich versuch lediglich eine Website zum Laufen zu bringen, die halbwegs funktioniert.
Code:
<!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>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="fas"><img src="pictures/vorlage.jpg" /></div>
<div id="m_header"><img src="pictures/menu_bild.jpg" />
<div id="menuleiste">
HOME
VORTEILE
VORSTELLUNG
DESIGN
KONTAKT
</div>
</div>
<div id="head_picture"><img src="pictures/header.jpg" /></div>
<div id="vorstellung"><img src="pictures/vorstellung.jpg" />
<div id="ub">WIR STELLEN UNS VOR</div>
<div id="text_v"><span class="blue">Ur re conesed et, iducid eaquae voluptibus sequam,<p> soles minumqui odiciae ceperis volupta turerum ratur<p> minulpa iducitatus sint omnim ilit, veliquis nullaut.</span><p></br>
<span class="black">Optatia aliquiaecae cupta si tem volo ea cones nonse dolut<p></span><span class="black"> utecatur aut omnihic aboribus etusae is di blabo.</span><p> </br>
<span class="black">Cum viducid et eum rerionsequi digenditi officient, si dolorer</span><p><span class="black"> roreribus re plis evenihic tem enis di arum iderum labores accaeru</span><p><span class="black"> ntinienem ipit event quiducium vellest eum, quiaes.</span><p></br>
<span class="black">Tis si si dolupta seque conem qui core, ut ea vollenist lam</span><p><span class="black"> quam restia si conem quat andio. Quissimeni cullit lau</span><p><span class="black">t eveni a samet lante nimoloreria sit voluptat et optatur, eate</span><p><span class="black"> laccus am imusdae suntotatur, ipsum.</span><p></br>
<span class="black">tetur sendebita conseque am hil magniet dolorem nate</span><p><span class="black"> landuscidusa que pa pere, que aut molorit, que aciis aut odi<p><span class="black"> te earum aut maionse vende corerum.</span><p></br>
<span class="blue"> CEO</span></div>
</div>
<div id="vorteile"><img src="pictures/vorteile.jpg" />
<div id="ub2">VORTEILE</div>
<div id="text3">
<div id="anwender"><span class="h2">ANWENDERFREUNDLICH</span></br><p>
Endicianti si commodipis mint</br> ea ipitatusa velit, idunto quame</br> consece rspella vercimaio.</div>
<div id="bearbeitet"><span class="h2">KOMPLETT BEARBEITBAR</span></br><p>
Endicianti si commodipis mint</br> ea ipitatusa velit, idunto quame</br> consece rspella vercimaio..</div>
<div id="schnell"><span class="h2">BLITZSCHNELL</span></br><p>
Endicianti si commodipis mint</br> ea ipitatusa velit, idunto quame</br> consece rspella vercimaio.</div>
<div id="dokument"><span class="h2">DOKUMENTATION</span></br><p>
Endicianti si commodipis mint</br> ea ipitatusa velit, idunto quame</br> consece rspella vercimaio..</div>
</div>
</div>
</body>
</html>
Code:
@charset "utf-8";
/* CSS Document */
#div, id, body {
margin:0px;
padding:0px;
font-family:Verdana, Geneva, sans-serif;
}
#menuleiste {
position: absolute;
font-size: 14px;
right: 10%;
top: 131px;
word-spacing:40px;
color:#7b7b7b;
}
#fas {
position:absolute;
opacity:0.4;
z-index:1;
}
#m_header {
position: absolute;
z-index: 3;
width: 1367px;
}
#head_picture {
position:absolute;
z-index:2;
top:173px;
margin:auto;
}
#vorstellung {
z-index: 4;
position: absolute;
top: 690px;
opacity: 1.0;
}
#ub {
padding-top: 30px;
position: absolute;
left: 10%;
top: 7%;
font-weight:bold;
font-size:22px;
color:#7b7b7b;
}
#ub2 {
padding-top: 30px;
position: absolute;
left: 10%;
top: 6.7%;
font-weight:bold;
font-size:22px;
color:#7b7b7b;
}
#text_v {
position: absolute;
z-index: 5;
left: 10%;
top: 24%;
line-height:60%;
font-size:16px;
}
.blue {
color:#19376e;
font-weight:bold;
}
.black {
color:#7b7b7b;
font-weight:lighter;
}
#vorteile {
position:absolute;
z-index:6;
top:1391px;
opacity:1.0;
}
#text3 {
position: absolute;
left: 296px;
top: 326px;
text-align: center;
font-size: 14px;
}
#anwender {
position: absolute;
left: -393px;
top: 4px;
width: 746px;
}
.h2 {
color:#7b7b7b;
font-weight:bolder;
}
#bearbeitet {
position: absolute;
left: -123px;
top: 4px;
width: 746px;
}
#schnell {
position: absolute;
left: 155px;
top: 4px;
width: 746px;
}
#dokument {
position: absolute;
left: 432px;
top: 4px;
width: 746px;
}