problemer med CSS [løst]

Svendsen · 5. juli 2005

Hei

Skjønner at jeg har latt ting ligge å støve en stund nå.

saken er denne: http://stianweb.com/faen/

Bak menyen og ut til høyre like bredt som header så skal det være hvitt med svart border på begge kanter.

Men dette funker ikke lenger. WHY?

problem to er at jeg får for mye padding under siste menyvalg i meny boksene mine.

Kan noen hjelpe meg å få dette til?

Legger ut koder

Takk

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
<title>SWNews V2.0 Alpha - admin panel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="swnews.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="main">
<div id="header"><img src="gfx/header.gif"></div> <!-- header ferdig -->
<div id="mid">
<div id="meny">
<div id="menytopic">Brukere</div>
<div id="menylist"><ul>
       <li><a href="#">Administrer</a></li>
       <li><a href="#">Ny</a></li>
       <li><a href="#">Profil</a></li>
     </ul>
     </div>
<div id="menytopic">
       Artikler / Nyheter
     </div>
<div id="menylist"><ul>
       <li><a href="#">Administrer</a></li>
       <li><a href="#">Ny</a></li>
         <li><a href="#">Kategorier</a></li>
     </ul></div>
<div id="menytopic">Brukere</div>
<div id="menylist">- en</div>
</div> <!-- meny er ferdig -->

</div> <!-- mid er ferdig -->
</div> <!-- main ferdig -->
</body>
</html

html, body {
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
font-size: 10px;
color: #000000;

}

div#main {
width: 750px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
height: auto;
text-align: left;	

}
  
div#header {
width: 750px;
height: 50px;
}

div#meny {
background-color: #FFFFFF;
float: left;
width: 144px;
padding: 3px;


}

div#hoved {
background-color: #FFFFFF;
width: 594px;
float: right;
padding: 3px;


}

div#footer {
background-color: #9999CC;
width: 750px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
float: left;
padding: 3px;
color: #666666;
}

div#mid {
background-color: #FFFFFF;
width: 745px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}

div#menytopic {
background-color: #CCCCCC;
width: 90%;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
margin-right: auto;
margin-left: auto;
text-align: center;
padding: 3px;




}

div#menylist {
background-color: #FFFFFF;
width: 90%;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
padding: 3px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;


}

div#menylist ul {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
margin-top: 0px;
padding-top: 0px;

}

div#menylist a {
display: block;
width: 100%;
background-color: #9999CC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;


}

div#menylist a:link {
color: #000000;
text-decoration: none;
}

div#menylist a:hover {
color: #000000;
background-color: #CA9491;

}

Og ja jeg veit det er rotete kode, men er ikke det jeg spør om hjelp til. Kommer til å rydde opp i den bare jeg får friska opp litt Er et gammelt prosjekt jeg driver med

Nok engang på forhånd takk

Endret 18. juli 2005 av Svendsen

Orbo · 6. juli 2005

Legg til denne:

* {margin:0 padding:0}

Edit: Neste gang du spør kan du rydde opp i koden FØR du spør. Blir mye vanskligere å finne feilen.

Og hvis du ikke viste det:

border: 1px solid #000;

Istedenfor 10 linjer, så kan du bruke 1

Endret 6. juli 2005 av BaX

Svendsen · 6. juli 2005

Greit nok, men det er ikke der feilen er.

Feilen ligger i at di#mid ikke vises

Orbo · 6. juli 2005

Sett height på den...

Cucum(r) · 6. juli 2005

http://www.positioniseverything.net/easyclearing.html

Svendsen · 17. juli 2005

Sett height på den...

height er satt til auto

Skal lese igjenom litt på den linken.

Kjedelig når jeg har fått det til før men men er vel ganske så rusten

Svendsen · 17. juli 2005

http://www.positioniseverything.net/easyclearing.html

gjorde susen lagt til i favoritter

dedLy_sCoRpIoN · 18. juli 2005

</div> <!-- main ferdig -->
</body>
</html

Avslutt html taggen....

Svendsen · 18. juli 2005

</div> 
</body>
</html
Avslutt html taggen....

var ikke der problemet lå, det var bare ne copy paste leif

Logg inn

problemer med CSS [løst]

Anbefalte innlegg

Svendsen

Lenke til kommentar

Videoannonse

Orbo

Lenke til kommentar

Svendsen

Lenke til kommentar

Orbo

Lenke til kommentar

Cucum(r)

Lenke til kommentar

Svendsen

Lenke til kommentar

Svendsen

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

Svendsen

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer