Problem mit Liste! von cmyk, 11.12.2007 16:09

Problem mit Liste!

cmyk 11.12.2007 16:09

Hallo Ihr Lieben!

Ich bin ein CSS Neuling und habe die Seite mit Dreamweaver erstellt.

Ich habe ein Problem mit der Liste und habe auch schon diverses ausprobiert. Im Moment habe ich die Listeneigenschaften in der Box definiert. Das Problem ist, dass kein Abstand nach dem Aufzählungszeichen gemacht wird (habe ich gelöst, indem ich das Aufzählungsbild mit Transparenz rechts vergrößert habe) und dass der Text nicht, wenn er umbricht nicht eingerückt wird.

Ich poste mal den Code:

* {
padding: 0;
margin: 0;
list-style-type: circle;
list-style-position: inside;
}

img { behavior:url('pngbehavior.htc'); }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: hidden;
}
#wrapper {
position: absolute;
width: 975px;
height: 500px
overflow: hidden;
left: 50%;
    top: 50%;
    margin-left: -488px;
    margin-top: -300px;
    background-color: #FFFFFF;
    z-index:1;
}
#header {
color: #333;
width: 950px;
float: left;
padding: 10px;
height: 125px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #E7DBD5;
background-image: url(../bilder/oben/oben_lila.jpg);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
}
#bildlinks {
float: left;
height: 100px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;

}
#bildrechts {
float: right;
height: 107px;
width: 107px;
padding-top: 10px;
padding-right: 10px;
}
#navigation {
float: left;
width: 950px;
color: #FFFFFF;
padding: 10px;
margin: 0px;
background-color: #551961;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #FFFFFF;
border-left-color: #ccc;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
word-spacing: 15px;
font-weight: bold;
}
#leftcolumn {
color: #333;
margin: 0px;
padding: 10px;
height: 400px;
width: 168px;
float: left;
background-color: #FFFFFF;
background-image: url(../bilder/links/links_lila.jpg);
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
background-repeat: no-repeat;
}
#content {
float: left;
color: #000066;
margin: 0px;
height: 400px;
width: 572px;
display: inline;
background-color: #DEA7EB;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
list-style-image: url(../bilder/liste.gif);
overflow: auto;
}
#rightcolumn {
color: #333;
margin: 0px;
padding: 10px;
height: 400px;
width: 168px;
float: left;
position: relative;
background-color: #FFFFFF;
background-image: url(../bilder/rechts/rechts_lila.jpg);
border-left-width: 1px;
background-repeat: no-repeat;

}
.clear { clear: both; }
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Stil8 {
color: #FF0099;
font-weight: bold;
}
-->
</style>
</head>

<body scroll="no"

<div id="wrapper">

<div id="header">

</div>

<div id="navigation"><span class="Stil6"><a href="../index.html">HOME</a></span> <a </div>

<div id="leftcolumn"></div>

<div id="content">
           <p><a href="#person">>>Persönliches</a></p>
           <p><a href="#beruf">>>Beruflicher Werdegang</a></p>
           <p><a href="#spirituell">>>Spirituelle Ausbildung</a></p>
           <p> </p>
           <p> </p>
           <p><span class="Stil8"><u><a name="person" id="person"></a>Persönliches</u></span><br />
               <span class="Stil10">blablabla</span></p>
           <p> </p>
           <ul>
             <li>Geboren 1962</li>
             <li>Verheiratet seit 1992, zwei Kinder</li>
             <li>Zwei abgeschlossene Studien</li>
             <li>Mag.rer. soc. oec. / Volkswirtschaft</li>
             <li>Dr.phil. / Publizistik und Kommunikationswissenschaften</li>
             <li>Zwanzig Jahre Bankpraxis</li>
             <li>Gewerbeschein &bdquo;Energetiker“</li>
           </ul>
           <p> </p>
           <p> </p>
           <p class="Stil8"><u><a name="beruf" id="beruf"></a>Beruflicher Werdegang</u></p>
           <p class="Stil8"> </p>
           <ul>
             <li>Matura 1980 </li>
             <li>11/ 1980 Eintritt ins Bankwesen </li>
             <li>20 Jahre Tätigkeit im Bankwesen, unterbrochen durch 4 ½ Jahre Karenz)
               </p>
             </li>
             <li>gleichzeitig Beginn Volkswirtschaftsstudium</li>
             <li>Einsatzgruppe im Filialbereich</li>
             <li>Aufbauarbeit für  &bdquo;VISA“ Kreditkartenorganisation 1983: geprüfter Sparkassenkaufmann</li>
             <li>Texter in der Werbeabteilung</li>
             <li>Test-User für ein neues Giro-Programm
             <li>Kreditprüfung und Bilanzanalyse</li>
             <li>Abschluss Volkswirtschaftsstudium Beginn Publizistikstudium Organisator für das Spargeschäft</li>
             <li>Handbuch EDV-Eingabe fürs Spargeschäft</li>
             <li>Bundesweite EDV-Einschulung des Spargeschäfts</li>
             <li>Volkswirtschaftliche Länderanalysen</li>
             <li>Eigenverantwortlich für 3 Auslandspublikationen</li>
             <li>Marketing: Zielgruppenbetreuung &bdquo;Freie Berufe“</li>
             <li>Mitarbeit beim Aufbau der Kreditgestion für inländische Kommerzkunden</li>
             <li>Abschluss Publizistikstudium</li>
             <li>Karenz 1993 – 1997</li>
             <li>Aufbau und Leitung des Controllings mit der Hauptaufgabe &bdquo;Strategische</li>
             <li>Unternehmensführung“</li>
             <li>6 / 2007 Offizielles Ende meiner Banktätigkeit</li>
           </ul>

Was stimmt denn da nicht???

Danke schon einmal

Cmyk

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

cmyk: Problem mit Liste!

Beitrag lesen

Problem mit Liste!

Problem mit Liste!