css listen mit mehreren eigenschaften

[golliwog]

hallo!

ich würde gerne meine liste folgendermaßen gestalten:
.ul {list-style-type: disc; list-sytle-position: outside; width=400px}

im html-code rufe ich es so auf:
<ul><li></li></ul>
(natürlich ul class="ul" -weiß nicht warum das hier nicht so dargestellt wird wie ich es zuerst geschrieben habe. bin neuling was foren betrifft )

leider funktioniert das aber nicht. kann eine solche liste mehrere eigenschaften über haben?

falls mir da jemand rasch antworten kann, danke
golliwog

[Laus]

Definiere deine Eigenschaften für <li> dann klappts
<ul> ist nur der Container für die Listentitel und bedeutet eigentlich nur das es eine ungeordnete Liste ist.

[golliwog]

danke, liebe laus

leider ergab sich folgendes: bei mozilla veränderte sich gar nichts, ie hat zwar die anweisung mit den width=400 befolgt und auch discs erzeugt, nur leider sehr unbrauchbar. die dics liegen links alle unterhalb von den texten.

im internet gibt http://meyerweb.com/eric/css/tests/css2/sec12-06-02d.htm ebenfalls einen guten hinweis z.b. .c13 {list-style: outside url(pix/orancirc.gif) circle;). bei seiner seite klappts. bei mir nicht. gut, ich habe kein eigenes bild verwendet - kann es daran liegen? außerdem habe ich vorher ein absatz definiert. aber hat das wirklich einen einfluss?
hier nochmal mein code:

Code: Alles auswählen

p class="pblock" pblock {width: 560px; text-align:justify} und list1 {list-style-type:disc; list-style-position:outside; width = 400} und im html:
<p> <ul> <li></li></ul></p>

(mit li class angaben etc)
wer weiß da mehr dazu? thnx for help golliwog

[Laus]

Schau dir mal -->diese<-- Seite an. Da wird die Formatierungen von Listen gut erklärt
Wenn du bei HTML in diesem Beitrag deaktivieren einen Hacken machst dann klappt es auch mit dem posten von Code
Du solltest ausserdem keine Listen in Absätze einschließen.

[golliwog]

nochmals danke, liebe laus!

ich finde es echt super, dass sich hier jemand mit mir die mühe macht.
der link war sehr hilfreich. nur gut, dass sie bei der darstellung von position outside vor allem im ie probleme hatte und es vorzog hierfür kein beispiel zu geben. habe also den p tag weggelassen und alles mögliche wieder probiert.
mozilla hat eine brauchbare darstellung gezeigt, wenn auch ohne die einrückung. bei der angabe von width stellt ie die listenpunkte links ans untere ende vom text in einer eigenen zeile.
ich denke, ich muss da noch ein wenig tüfteln, um eine gute lösung zu finden. ich denke da an tabellen oder so was..... ich hätte den (listen-)text auch noch gerne als blocktext dargestelllt
jedenfalls danke nochmals - vielleicht findest du oder jemand anderer noch eine geniale lösung.
liebe grüße von golliwog

[Laus]

Wenn du die Seite irgendwo online stellen kannst dann Poste doch mal den Link dazu oder hier den kompletten Quellcode der Seite dann kann man sehen was für Probleme dabei auftauchen. Mit etwas herauskopiertem Code mit dem ich jetzt nicht wirklich etwas anfangen kann ist eine genauere Analyse deines Problems natürlich sehr schwierig. HTML und CSS erfordern ein korrektes Zusammenspiel das eigentlich keine Fehler verzeiht.

Gruß Xaver

[golliwog]

lieber xaver / liebe laus!

finde ich echt toll, dass du dir das ganze anschauen willst! die seite ist noch nicht online, weil nichts fertig. ich hoffe, es klappt, wenn ich dir den code eingebe. hier der code von der html seite ab dem content:

Code: Alles auswählen

<beginn>      
               <td>
                  <table>
                     <tr>
                        <td>&nbsp;</td></tr>

                     <tr><td><h3>mts - the wetlab company offers following services:</h3></td>
                     </tr>
                     <tr><td>
                        <table>
                        <tr>
                        <td>
                        <div>
                        <ul>

                           <li>
                           Wetlab organisation and coordination for Ophthalmic Societies such as ESCRS, ASCRS-ASOA, DOG, DOC, DGII, AAD, HSIOIRS, the Panhellenic Society, etc.
                           </li><br><br>
                           <li>
                           Support of companies and Ophtalmic Societies for their courses and wetlabs (mts provides wetlab infrastructure - microscopes incl. cameras and monitors, head models, pigs eyes, disposable products, hand instruments, etc.)
                           </li><br><br>
                           <li>
                           Organisation of educational events in the course centres Innsbruck/Austria and Tomball/USA as well as organisation of Ophthalmic Academies like <a>Winteracademy</a>, <a>Refractive Summeracademy</a> or <a>Vienna Phaco and Vitrectomy Academy</a>

                           </li><br><br>
                           <li>
                           Convention Service: mts provides all items for Wetlabs at the company booth or outside the convention hall
                           </li>
                        </ul>
                        </div>
                        </td>
                        <td></td>
                        </tr>

                        </table>
                        <table>
                        <tr><td>&nbsp;</td></tr>
                        </table>
                        </td>
                     </tr>
                     <footer>
                     <tr><td><img></td></tr>
                  </table>

                  </td>
<end>

und hier der code von der css-datei:

Code: Alles auswählen

.pblock  {width:560px; text-align:justify;}
.ul      {list-style-position: outside;}
.list1   {list-style:outside disc; color:#091655;text-align:left}

habe allerdings inzwischen das width herausgenommen und das ganze mit einer tabelle halbwegs ansehnlich gemacht.
ich hoffe, du kannst damit was anfangen - oder brauchst du die ganze seite? würde mich freuen, wenn es da eine lösung gäbe. also nochmals was ich wollte ist, das der text im blocksatz neben dem listenpunkt erscheint, und das ganze mehr nach links gerückt wäre und das im ie und firefox als mindestanforderung.

mit allerbesten dank liebe grüße golliwog

[golliwog]

hallo an alle interessierten für das listenproblem!

ich habe selber die lösung gefunden (im css kochbuch von o'reilly) und möchte es allen interessierten zugänglich machen. dort heißt es, dass einzelne browser unterschiedliche methoden für die listeneinrückung benutzen. für eine einheitliche darstellung und rückung nach links kann man folgenden code verwenden

Code: Alles auswählen

ul { margin:0; padding: 0 0 0 1em; text-indent: -1em;}

nach einigem herumtüfteln mit den em werten habe ich eine für beide browser (ie und firefox) passable lösung gefunden. zudem habe ich das alles in einem table eingebaut, der die eigenschaft text-align:justify enthält, sodass alles geblockt dargestellt wird. um den listenpunkt zu setzen habe ich list { list-style: disc; } gesetzt. beide werden mit class aufgerufen, einmal in ul und einmal in li.

xaver , dennoch vielen dank für deine mühe. es hat meinen ehrgeiz eine lösung zu finden gefördert.
golliwog