CedricDourin
Neues Mitglied
Schönen guten Abend zusammen!
Bin neu hier und habe direkt mal eine frage. Hab eine kleine website erstellt, nur leider sieht man einen teil immer nur wenn man die Seite aktualisiert. Dann verschwindet aber ein anderer teil wieder. hier ein link zur Seite:
http://goo.gl/GXjI9o
Der HTML-Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="language_de">DE</div>
<div id="language_en">EN</div>
<div id="quote">
<blockquote>
<q>Um das Mögliche zu erreichen,<br>muss das Unmögliche versucht werden.</q>
<cite>
<div id="hesse">Hermann Hesse</div>
</cite>
</blockquote>
</div>
<img id="img1_back" src="background.jpg">
<div id="textarea1">
<div id="h2">Was wir machen</div>
<div id="whatwedo">Azkaria Entertainment. Die etwas andere Entertainment Agentur.<br>
Wo andere aufhören, fangen wir an. Wir sind ein Fullservice Unternehmen im Bereich des exklusiven Entertainments.</div>
</div>
</body>
</html>
Und CSS:
#startseite {
position: relative;
width:567px;
margin:0px auto;
z-index:2;
}
#quote {
position: absolute;
width: 1280px;
font-family: myriad pro;
font-weight: 200;
font-size: 30px;
color:#ffffff;
text-align: center;
margin-top: 300px;
z-index: 2;
}
#hesse {
font-size: 17px;
margin-left: 350px;
margin-top: 10px;
}
#img1_back {
position: fixed;
width:1295px;
height: 755px;
margin-left: -8px;
margin-top: -8px;
z-index: 1;
}
#language_de {
position: absolute;
font-family: myriad pro;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
margin-left: 1100px;
color: #C0C0C0;
z-index: 2;
transition-property: color;
transition-duration: 1s;
}
#language_de:hover {
color: #3399FF;
}
#language_en {
position: absolute;
font-family: myriad pro;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
margin-left: 1145px;
color: #C0C0C0;
z-index: 2;
transition-property: color;
transition-duration: 1s;
}
#language_en:hover {
color: #3399FF;
}
#textarea1 {
position: absolute;
background-color: #eeeeee;
width: 1288px;
height: 700px;
margin-left: -8px;
margin-top: 748px;
z-index: 2;
}
#h2 {
position: absolute;
font-family: myriad pro;
font-size: 60px;
font-weight:100;
color: #00006d;
margin-left:445px;
margin-top: 50px;
z-index: 2;
}
#whatwedo {
position: absolute;
width: 800px;
font-family: myriad pro;
font-size: 21px;
font-weight:100;
color: #00006d;
margin-left:240px;
margin-top: 130px;
text-align: center;
z-index: 2;
line-height: 35px;
}
Ich freue mich auf eure Hilfe.
LG
Cedric
Bin neu hier und habe direkt mal eine frage. Hab eine kleine website erstellt, nur leider sieht man einen teil immer nur wenn man die Seite aktualisiert. Dann verschwindet aber ein anderer teil wieder. hier ein link zur Seite:
http://goo.gl/GXjI9o
Der HTML-Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="language_de">DE</div>
<div id="language_en">EN</div>
<div id="quote">
<blockquote>
<q>Um das Mögliche zu erreichen,<br>muss das Unmögliche versucht werden.</q>
<cite>
<div id="hesse">Hermann Hesse</div>
</cite>
</blockquote>
</div>
<img id="img1_back" src="background.jpg">
<div id="textarea1">
<div id="h2">Was wir machen</div>
<div id="whatwedo">Azkaria Entertainment. Die etwas andere Entertainment Agentur.<br>
Wo andere aufhören, fangen wir an. Wir sind ein Fullservice Unternehmen im Bereich des exklusiven Entertainments.</div>
</div>
</body>
</html>
Und CSS:
#startseite {
position: relative;
width:567px;
margin:0px auto;
z-index:2;
}
#quote {
position: absolute;
width: 1280px;
font-family: myriad pro;
font-weight: 200;
font-size: 30px;
color:#ffffff;
text-align: center;
margin-top: 300px;
z-index: 2;
}
#hesse {
font-size: 17px;
margin-left: 350px;
margin-top: 10px;
}
#img1_back {
position: fixed;
width:1295px;
height: 755px;
margin-left: -8px;
margin-top: -8px;
z-index: 1;
}
#language_de {
position: absolute;
font-family: myriad pro;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
margin-left: 1100px;
color: #C0C0C0;
z-index: 2;
transition-property: color;
transition-duration: 1s;
}
#language_de:hover {
color: #3399FF;
}
#language_en {
position: absolute;
font-family: myriad pro;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
margin-left: 1145px;
color: #C0C0C0;
z-index: 2;
transition-property: color;
transition-duration: 1s;
}
#language_en:hover {
color: #3399FF;
}
#textarea1 {
position: absolute;
background-color: #eeeeee;
width: 1288px;
height: 700px;
margin-left: -8px;
margin-top: 748px;
z-index: 2;
}
#h2 {
position: absolute;
font-family: myriad pro;
font-size: 60px;
font-weight:100;
color: #00006d;
margin-left:445px;
margin-top: 50px;
z-index: 2;
}
#whatwedo {
position: absolute;
width: 800px;
font-family: myriad pro;
font-size: 21px;
font-weight:100;
color: #00006d;
margin-left:240px;
margin-top: 130px;
text-align: center;
z-index: 2;
line-height: 35px;
}
Ich freue mich auf eure Hilfe.
LG
Cedric
