Guten Tag Forumuser,
ich bin neu hier und brauche eure freundliche Hilfe.
Ich arbeite mit Dreamweaver, bin ziemlicher Anfänger, und habe da eine Navi mit CSS vor.
Die Seite habe ich mit divs gemacht, in welche ich die geslicten Bilder aus dem Layout als Hintergrundbilder eingefügt habe.
Auf dem Bereich Navi habe ich direkt mit Text die Menüpunkte geschrieben und eine ungeordnete Liste daraus gemacht. Ich bekomme aber einfach nicht die Listenpunkte weg mit "list-style-type:none; siehe Anhang!
Ich weiß nicht mehr weiter!
Hier mal der Quellcode:
</style>
<link href="css_style.css" rel="stylesheet" type="text/css" />
<body>
<div class="wrap" id="wrapper">
<div class="header" id="header">header</div>
<div class="navi" id="navi">
<ul>
<li>Home </li>
<li>Osteopathie</li>
<li>Anwendungen</li>
<li>über mich<br />
</li>
<li>Kontakt<br />
</li>
<li>Links<br />
</li>
<li>Impressum</li>
</ul>
</div>
<div class="container" id="container">Raum für den Inhalt von class "container" id "container"</div>
<div class="footer" id="footer">Raum für den Inhalt von class "footer" id "footer"</div>
</div>
</body>
</html>
Hier der CSS-Code:
body {
background-color:#D2EFDF;
color:#000000;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100.01%;
}
body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
}
#wrapper {
background-color:#D2EFDF;
height:593px;
margin:35px auto 20px;
width:817px;
}
#header {
background-image:url("Bilder/header.jpg");
background-repeat:no-repeat;
height:128px;
width:820px;
}
#navi {
background-image:url("Bilder/navi.jpg");
background-repeat:no-repeat;
float:left;
font-size:0.9em;
height:426px;
line-height:1.8em;
list-style-type:none;
width:114px;
}
#container {
background-image:url("Bilder/main.jpg");
background-repeat:no-repeat;
float:right;
height:426px;
width:699px;
}
#footer {
background-image:url("Bilder/footer.jpg");
clear:both;
float:left;
height:45px;
width:817px;
}
body {
background-color: #d2efdf;
}
#wrapper {
height: 593px;
width: 817px;
margin-top: 35px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-color: #d2efdf;
}
#header {
height: 128px;
width: 820px;
background-image: url(Bilder/header.jpg);
background-repeat: no-repeat;
}
#navi {
background-image: url(Bilder/navi.jpg);
background-repeat: no-repeat;
float: left;
height: 426px;
width: 114px;
font-size: 0.9em;
line-height: 1.8em;
list-style-type: none;
}
#container {
height: 426px;
width: 699px;
float: right;
background-image: url(Bilder/main.jpg);
background-repeat: no-repeat;
}
#footer {
clear: both;
height: 45px;
width: 817px;
float: left;
background-image: url(Bilder/footer.jpg);
}
