css Hulp

Beste Leden ik heb deze html/Css code

<body> 
<html> 
<head> 
<title>BS: Error</title> 
<style> 
body {
background: #fff url(images/bar.png) repeat-x fixed;
margin : 0;
padding : 0;
font-family : Calibri;
color : #ffffff;
}
#centered {
width : 600px;
margin : 0;
padding : 0;
position : relative;
}
#content {
background : #15b9f6;
margin-left : 30px;
text-align : center;
font-weight : bold;
width :  600px;
border-bottom : 19px solid #0d8dbd;
}
a {
color : #015367;
border-bottom : 1px dotted #015367;
text-decoration : none;
background : #ffffff;
}
a:hover {
color : #1c8293;
} 
.transparant {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
background-color: #000;
}
</style> 
</head> 
<body> 
<div id="centered"> 
<div id="content"> 
<br/ > 
<br/ > 
Welkom ingelogd lid.<br> 
<a href="game.php" onclick="window.open(game.php,Join The Game!,
width=1134,height=735,scrollbars=yes,toolbar=yes,location=yes); return false">Enter the Game</a><br/ > 
Welkom smiegles<br/ > 
je hebt 0 credits<br/ > 
je rang is 10 <br/ > 
en je id is 2<br/ > 
</div> 
<br> 
<div id="content"> 
<br/ > 
test
</div> 
</body> 
</html>

en dat ziet er zo uiten ik wil dat het er zo uitziet
Iemand die me kan helpen?

Wat is er anders, behalve dan dat dat 2e vak niet in het bovenste voorbeeld staat?

dat ik dat 2de vak wil.
maar ik heb alles geprobeerd weet niet hoe

<body>
<html>
<head>
<title>BS: Error</title>
<style>
body {
background: #fff url(images/bar.png) repeat-x fixed;
margin : 0;
padding : 0;
font-family : Calibri;
color : #ffffff;
}
#centered {
width : 600px;
margin : 0;
padding : 0;
position : relative;
}
#left {
background : #15b9f6;
margin-left : 30px;
text-align : center;
font-weight : bold;
width : 600px;
border-bottom : 19px solid #0d8dbd;
}
#right {
background : #15b9f6;
margin-left : 660px;
text-align : center;
font-weight : bold;
width : 600px;
border-bottom : 19px solid #0d8dbd;
}
a {
color : #015367;
border-bottom : 1px dotted #015367;
text-decoration : none;
background : #ffffff;
}
a:hover {
color : #1c8293;
}
.transparant {
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
background-color: #000;
}
</style>
</head>
<body>
<div id="centered">
<div id="left">
<br/ >
<br/ >
Welkom ingelogd lid.<br>
<a href="game.php" onclick="window.open(game.php,Join The Game!,
width=1134,height=735,scrollbars=yes,toolbar=yes,location=yes); return false">Enter the Game</a><br/ >
Welkom smiegles<br/ >
je hebt 0 credits<br/ >
je rang is 10 <br/ >
en je id is 2<br/ >
</div>
<div id="right">
<br/ >
<br/ >
Tekst
</div>
<br>
<div id="content">
<br/ >
test
</div>
</body>
</html>

Werkt dit?

krijg ik dan

<body>
<html>
<head>
<title>BS: Error</title>
<style>
body {
background: #fff url(images/bar.png) repeat-x fixed;
margin : 0;
padding : 0;
font-family : Calibri;
color : #ffffff;
}
#centered {
width : 600px;
margin : 0;
padding : 0;
position : relative;
}
#left {
background : #15b9f6;
margin-left : 30px;
text-align : center;
font-weight : bold;
width : 600px;
border-bottom : 19px solid #0d8dbd;
position: absolute;
}
#right {
background : #15b9f6;
margin-left : 660px;
text-align : center;
font-weight : bold;
width : 600px;
border-bottom : 19px solid #0d8dbd;
position: absolute;
}
a {
color : #015367;
border-bottom : 1px dotted #015367;
text-decoration : none;
background : #ffffff;
}
a:hover {
color : #1c8293;
}
.transparant {
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
background-color: #000;
}
</style>
</head>
<body>
<div id="centered">
<div id="left">
<br/ >
<br/ >
Welkom ingelogd lid.<br>
<a href="game.php" onclick="window.open(game.php,Join The Game!,
width=1134,height=735,scrollbars=yes,toolbar=yes,location=yes); return false">Enter the Game</a><br/ >
Welkom smiegles<br/ >
je hebt 0 credits<br/ >
je rang is 10 <br/ >
en je id is 2<br/ >
</div>
<div id="right">
<br/ >
<br/ >
Tekst
</div>
<br>
<div id="content">
<br/ >
test
</div>
</body>
</html>

Zo?

ook niet
k heb opgelost het moest zo ;d

<style> 
body {
background: #fff url(images/bar.png) repeat-x fixed;
margin : 0;
padding : 0;
font-family : Calibri;
color : #ffffff;
}
#centered {
width : 600px;
margin : 0;
padding : 0;
position : relative;
}
#left {
background : #15b9f6;
margin-left : 30px;
text-align : center;
font-weight : bold;
width :  600px;
border-bottom : 19px solid #0d8dbd;
position:absolute;
}
#right {
background : #15b9f6;
margin-left : 660px;
text-align : center;
font-weight : bold;
width :  300px;
border-bottom : 19px solid #0d8dbd;
position:absolute;
}
a {
color : #015367;
border-bottom : 1px dotted #015367;
text-decoration : none;
background : #ffffff;
}
a:hover {
color : #1c8293;
} 
.transparant {
opacity:.50;
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
background-color: #000;
}
</style>

Dat is zelfde als van mij?

position:absolute; was je vergeten

Kijk je wel goed?

Laatst bewerkt door Ewan op 21 februari 2011, 23:24:45.
even snel aanpassen he 0.o

Ooit gehoord van een typfout?

Ewan schreef:

Ooit gehoord van een typfout?

dat is geen typfout. Dat is een regel vergeten....

je kan toch een hele regel perongeluk niet typen

van mij mag hier een slotje op xD
nee hoor was mijn fout