webForumDet fria alternativet

vill ha min lista längre till vänster

HTML & CSS

2 svar · 464 visningar · startad av blueserik

Medlem sedan nov. 20075 inlägg
Frågan#1

Hej. Det är som så att min meny som är gjord i lista är för långt ut till höger. Jag förstår inte riktigt vad jag har gjort för fel. Skulle vilja flytta min lista ungefär 2 cm till vänster. Då kommer texten jag har i mitten av sidan att gå längre ifrån menyn så att säga. Någon som vet varför de blir så här?

MVH Erik

<!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>HMCS</title>
<link href="mall.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stil1 {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.stil2 {font-family: Arial, Helvetica, sans-serif}
p {margin-top:10px; }
-->
</style>
</head>

<body>
<h1 align="center" class="stil1">Miljömål</h1>

<ul>
 
 <div class="meny">
  <li><a href="index.html">Startsida</a></li>
  <li><a href="historik.html">Historik</a></li>
  <li><a href="miljomal.html">Miljömål</a></li>
  <li><a href="certifiering.html">Certifiering &amp; Tillstånd</a></li>
  <li><a href="framtid.html">Framtidsplaner &amp; Visioners</a></li>
  <li><a href="bildarkiv.html">Bildarkiv</a></li>
  <li><a href="tjanster.html">Våra Tjänster</a></li>
  <li><a href="tillsalu.html">Till Salu</a></li>
  <li><a href="priser.html">Priser</a></li>
  <li><a href="kontakter.html">Kontakter</a></li>
 </div>
</ul>
<p>Våra miljömål är utformade med hänsyn till de nationella, regionala och lokala<br /> 
miljöbestämmelser. Övergripande miljömålen är att minska vår totala förbrukning<br /> 
av energi i förhållande till behandlat antal ton. Vårt helhetstänkande i detta<br /> 
innefattar anställda, antal körda kilometer samt omsättning i bolaget. Vi har<br /> 
därför redan från start vidtagit åtgärder för att främja miljön.<br /> 
Energiförbrukningen är ett prioriterat område och att minimera miljöpåverkan<br /> 
vid eventuella incidenter. Vi ser regelbundet över verksamheten och fordon för<br /> 

att hitta eventuella brister.<br />

<br />Vår filosofi är att jordens resurser är limiterade. Vi måste därför aktivt<br />
medverka till att minimera uttaget av ändliga resurser. Kan vår kunskap om<br /> 
miljö och hantering utav återvinning leda till att<br /> resurser sparas skall vi 
aktivt arbeta för detta.</p>
<h2>HCMS</h2> 
<h3>Inovation Perfection Dedication</h3>
</body>
</html>
body {
	background-color: #00CCFF;
	
}

p { font-size:18px;

line-height:30px;
float:left;

}

h1 {
	font-size: 16px;
	color: #FF0000;
}

h2 {
font-size:30px;
color:#FF0000;
margin-top:450px;

text-align:center;

}

h3 {
font-size:20px;
color:#FF0000;

text-align:center;

}

ul {
	float:left;
	clear: left;
}

li {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	list-style:none;
	
	
	
	
	
	
}
.meny {
	float:left;
	list-style-position: outside;
	

}
a:link {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #333333;
	
}
Medlem sedan apr. 2008137 inlägg
#2

För det första kan du inte ha div i ett ul-element. Sätt klassen meny direkt på ul istället.
Sen bör det bara vara att justera det hela med margin-left.

Medlem sedan nov. 20075 inlägg
#3

tack så mycket för hjälpen.

265 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)