Gå til innhold

Får ikke til "meny" i css

Tinmar

Anbefalte innlegg

Tinmar

Tinmar

Skrevet
Skrevet (endret)

Hei!

 

Holder på å lære meg litt html og css nå, men jeg har et problem. Det virker som om menyen jeg har tenkt å ha ikke tar i bruk de spesifikasjonene jeg har satt i css-dokumentet (bakgrunnsfarge og list-style)

 

HTML- og CSS-koder

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Martins nettside</title>
	<link rel="stylesheet" type="text/css" href="web.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Min første nettside som jeg lager i et Kunst- og håndverksprosjekt>
</head>

<body>
	<div id="navigation">
		<ul>
			<li>This</li>
			<li>That</li>
			<li>The Other</li>
		</ul>
	</div>

	<div id="content">
		<h1>Ra ra banjo banjo</h1>
		<p>Welcome to the Ra ra banjo banjo page. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo.</p>
		<p>(Ra ra banjo banjo)</p>
	</div>

</body>

</html>

 

#content {
margin-left: 15em;
border: 1px solid black;
background: blue;
}

#navigation {
position: absolute;
top: 0;
left: 0;
width: 10em;
background-color: blue;
}

#navigation ul {
list-style: none;
}

 

 

 

 

Noen som har løsning på problemet?

Endret av Tinmar
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Akerbak

Akerbak

Skrevet
Skrevet

Mistenker at du må gjøre ett paaar små endringer, så funker det. Se koden under :)

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Martins nettside</title>
	<link rel="stylesheet" type="text/css" href="web.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Min første nettside som jeg lager i et Kunst- og håndverksprosjekt>
</head>

<body>
	<div id="navigation">
		<ul>
			<li>This</li>
			<li>That</li>
			<li>The Other</li>
		</ul>
	</div>

	<div id="content">
		<h1>Ra ra banjo banjo</h1>
		<p>Welcome to the Ra ra banjo banjo page. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo.</p>
		<p>(Ra ra banjo banjo)</p>
	</div>

</body>

</html>

 

#content {
margin-left: 15em;
border: 1px solid black;
background: blue;
}

#navigation {
position: absolute;
top: 0;
left: 0;
width: 10em;
background: blue;
}

#navigation ul {
list-style-type: none;
	background: blue;
}

 

 

 

 

 

Som ett tips vil jeg anbefale deg å bruke FLOAT-attributten i CSS i stedet for position-attributten for å posisjonere div-elementer, men det gleder meg å se at en nybegynner går inn for å lære seg webdesign ordentlig når han først begynner! :) Tommel opp!

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...