Hey leute ich habe ein Problem mit dem <ul> Befehl
Bei Opera werden die Punkte eingerückt wie es normal sein sollte aber bei Firefox, Safari und so wird die liste nicht angezeigt. Ich hoffe ihr könnt mir helfen...
Quellcode
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>
<title>Jutta Klöckner Preview singen</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<div id="rosabox">
<ul id="Navigation">
[*][url='zur_person.html']zur Person[/url]
<li class="abstand">
[*]<span>die Stimme</span>
<li class="abstand">
[*][url='mein_angebot.html']mein Angebot[/url]
<li class="abstand">
[*][url='termine.html']Termine[/url]
<li class="abstand">
[*][url='galerie.html']Galerie[/url]
<li class="abstand">
[*][url='kontakt.html']Kontakt[/url]
<li class="abstand">
[/list]
<div id="whitebox">
<div id="submenu" >
<ul id="subnavigation">
[*]<span>singen</span>
[/list]
</div>
<div id="textbox">
[b]Singen[/b]
<ul>
[*] Singen ist Lebensfreude
[*] Singen ist wohltuend und gesund
[*] Singen öffnet das Herz
[*] Singen entfaltet unser Potenzial
[/list]
Singen ist eine der schönsten Arten, sich anderen Menschen mitzuteilen.
Nicht durch Worte, nicht durch Gesten, sondern durch die Magie und die energetische Kraft der Musik
und des Gesangs!
Als Sängerin fasziniert mich diese Kraft immer wieder auf´s Neue. Gesang stellt einen
Kontakt zu unserem eigenen Inneren, unserer Seele her, direkt und unverblümt. Egal auf
welchem „Niveau“ wir singen, kann unser Herz berührt sein.
Immer wieder begegnen mir Menschen, die Lust haben zu singen, aber glauben, nicht
singen zu können. Manche haben den unbefangenen Umgang mit der eigenen Singstim-
me schon lange verloren.
Es ist schade, wenn Singpotenzial brach liegt, obwohl die Lust zu singen
vorhanden ist. Grundsätzlich kann jede/r singen, der seine Stimme auch zum Sprechen
nutzt! Wer die Lust zum Singen also verspürt sollte sich durch nichts und niemanden
davon abbringen lassen es auch zu tun. Sie werden sehen: Sie können es!
</p>
</div>
</div>
</div>
<div id="blackbox"></div>
</body>
</html>Css
Code
@charset "UTF-8";
*{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#431c0b;
}
#rosabox{
background-color: #cd0067;
margin: auto;
top: 50px;
height: 650px;
width: 900px;
}
#whitebox{
background-color:#FFFFFF;
height: 427px;
width: 663px;
top: 82px;
left: 118px;
position:relative;
}
#textbox{
height: 427px;
width: 507px;
position:relative;
left:156px;
border:1px solid black;
}
#submenu{
float:left;
background-color:#f4d1e3;
height: 427px;
width: 156px;
position:relative;
}
#blackbox{
background-color:#431c0b;
margin: auto;
height: 30px;
width: 900px;
}
ul#Navigation {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
width: 663px;
height: 25px;
top: 87px;
left: 135px;
position: relative;
margin: 0;
padding: 0;
text-align:left;
border:0px solid black;
}
.abstand {
float: left;
width: 35px;
}
ul#Navigation li{
float:left;
list-style: none;
display: inline;
padding: 0;
}
ul#Navigation a, ul#Navigation span{
color:#FFFFFF;
text-decoration:none;
}
ul#Navigation a:hover, ul#Navigation span{
color:#431c0b;
}
.bild{
background-image:url(../bilder/jutta.png);
}
ul#subnavigation {
color: #cd0067;
list-style:none;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
width: 135px;
height: 427px;
top: 20px;
left: 17px;
position: relative;
line-height:15px;
margin: 0;
padding: 0;
text-align:left;
border:0px solid black;
}
ul#subnavigation a, ul#subnavigation span{
color:#cd0067;
text-decoration:none;
}
ul#subnavigation a:hover, ul#subnavigation span{
color: #431c0b;
}
p{
color:#431c0b;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
left:50px;
line-height:15px;
}
hat sonst noch wer eine Idee?
