CSS/html5 dpet raar in browser

naiboctruk · **04-11-2012, 17:46**

hallo, ik heb een basis opzet gemaakt voor een website gebouwd, maar zodra ik hem wil displayen in de browser valt de layout van de letters weg, en het speciale letter type van de sidebar ook. wie kan mij helpen. hieronder vind je de codes.

HTML: <!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>Untitled Document</title>
</head>
<link rel="stylesheet" href="style.css" />

<body>
<div id="menu">
<ul>
<a href="#"<li>Home</li>
<a href="#"<li>About me</li>
<a href="#"<li>faq</li>
</ul>
</div>

<aside id="sidebar">
<ul>
<a href="#"<li>Skyrim</a></li>
<br />
<a href="#"<li>Dishonored</a></li>
<br />
<a href="#"<li>Call of duty</a></li>
<br />
<a href="#"<li>Minecraft</a></li>
<br />
<a href="#"<li>Battlefield</a></li>
<br />
<a href="#"<li>Fallout</a></li>
<br />
<a href="#"<li>Fifa</a></li>
<br />
<a href="#"<li>PES</a></li>
<br />
<a href="#"<li>Indie</a></li>
<br />
<a href="#"<li>others</a></li>
<br />
<ul>
</aside>

<div id="content">
<img src="forza.jpg" width="350" height="130" />
<ul>

Een discussie beheerst momenteel het racegenre: is nou Forza horizon, of toch Need for Speed: Most Wanted de beste game om aan je snelheidsfix te komen op de Xbox 360?
<br />
<a href="#">lees verder</a>
</ul>

</div>

</body>
</html

CSS:

body{

font-family:Arial, Helvetica, sans-serif;
background-image:url(skyrim.jpg);
width:900px;
}

#menu {
width: 800px;
height: 100px;
background-color: #000;
color: #fff;
width: 100%;
opacity: 0.6;
border-radius: 10px;
font-family: Arial, Helvetica, sans-serif;

}

#menu ul{
margin: 30px;

display:inline
}

#menu li{
display:inline;
margin:90px;

}

a{
text-decorationone;
color:white;
font-size:24px;
font-weight:900;

}

#sidebar {

height:600px;
width: 250px;
background-color:#000;
opacity:0.6;
border-radius:10px;
float: left;

}

#sidebar ul {
text-decorationone;

}
#sidebar li {
font-family:"Times New Roman", Times, serif;

}

#sidebar a:hover{
background-color:#333

}

#menu a:hover{

background-color:#333;
}

#content {
background-color:#666;
border-radius: 5px;
width: 350px;
height: 300px;
margin-left:400px;

}

#content a{

font-family:Verdana, Geneva, sans-serif;
color:#000;
size:landscape;

}

er zitten nog wat afbeeldingen bij, maar die kun je er zelf wel bij verzinnen.

alavst heel erg bedankt.

Robbie Staarel

naiboctruk · **04-11-2012, 17:48**

Sorry voor de onnodige spelfouten.
Zie ze nu pas.

**04-11-2012, 17:57**

Je moet je stylesheet wel importeren in de <head>

naiboctruk · **04-11-2012, 18:00**

Citaat:

kimblee schreef:

Je moet je stylesheet wel importeren in de <head>

nope, heb nu me style sheets in de head tags gezet maar het probleem blijft

**04-11-2012, 18:02**

Gevonden
Gebruik deze : <link rel="stylesheet" href="style.css" type="text/css" />
Je vergat de type

naiboctruk · **05-11-2012, 16:46**

Citaat:

kimblee schreef:

Gevonden
Gebruik deze : <link rel="stylesheet" href="style.css" type="text/css" />
Je vergat de type

ik heb het! ik had de list items verkeerd geplaatst.

het moest namelijk zo: "<li><a href="#">Skyrim</a></li>"

IPV zo: "<a href="#"<li>Skyrim</a></li>"

toch heeeeel erg bedankt voor het meedenken (:

04-11-2012, 17:48
naiboctruk	Sorry voor de onnodige spelfouten. Zie ze nu pas.

04-11-2012, 17:57
Verwijderd	Je moet je stylesheet wel importeren in de <head>

04-11-2012, 18:02
Verwijderd	Gevonden Gebruik deze : <link rel="stylesheet" href="style.css" type="text/css" /> Je vergat de type

Advertentie