|
|||
Darstellen von Listen
Hallo,
Ich möchte Listen mit unterschiedlichen Hierarchien darstellen. In DW selbst funktioniert das auch ganz ok. Doch leider werden die Listen im Browser nicht dargestellt. Die Anstriche werden stattdessen, wie normaler Text weitergeschrieben. CSS: .list { list-style-position: outside; list-style-type: square; line-height : 120%; text-indent: 10px; font-family: "Trebuchet MS"; font-size: 90%; color: #bebeba; } .list_2 { list-style-position: outside; list-style-type: circle; line-height : 120%; text-indent: 10px; font-family: "Trebuchet MS"; font-size: 100%; color: #bebeba; } Kann mir jemand sagen was faul ist?
__________________
cu trinix |
Sponsored Links |
|
||||
Was meinst Du mit Anstriche?
Und hast Du denn auch Werte für "ul" und "li" gesetzt?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
|||
Zitat:
Zitat:
__________________
cu trinix |
|
||||
Dann setz auch mal das Folgende in die CSS ein:
Code:
ul { margin: 0px auto; list-style-type: square; } li { list-style-type: square; }
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
Schau mal hier nach http://www.css4you.de/css-a-z.html#l oder porste doch mal etwas mehr an Code (HTML und CSS)!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Schau mal hier:
Die Outside-Deklaration kannst DU wohl weglassen, ansonsten scheints im I.E. Probleme zu gehen. Setze, wenn, die list-style-position probehalber mal ans Ende der Werte. http://css.fractatulum.net/sample/listformat.htm grüsse andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Zitat:
Code:
<?xml version="1.0" encoding="iso-8859-1"?> <!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>japday.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="file:///D|/Webs/japday/redlined/Templates/master.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> <!-- --> </style> </head> <body> <div id="navcontainer"> <ul id="navlist"> <a name="top" id="top"></a> <li id="active">home[*]<a href="ueber_mich.htm">über mich</a>[*]<font color="#CCCCCC">studium</font>[*]hobbies[*]fun[/list]</div> <div id="navigation_left"> <font color="#CCCCCC">diplom</font></p> bachelor</p> master</p> </div> <div id="rahmen"> <div id="content"> <h2>Das Diplomstudium des Wirtschaftsingenieurwese im Bereich Maschinenenbau wird an der HTWK in Leipzig von dem Fachbereich Maschinen- und Energietechnik organisiert und findet zum größten Teil auf dessen Campus in Markkleeberg statt.</h2> </p> <h2>Studienaufbau</h2> <ul class="list">[*]Grundstudium[*]Hauptstudium[/list] <h2> </h2> <h2>Allgemeine Studieninformationen</h2> <ul class="list">[*]Fachbereich: Maschinen- und Energietechnik[*]Studienabschluss: Diplom-Wirtschaftsingenieur (FH), Diplom-Wirtschaftsingenieurin (FH)[*]Regelstudienzeit: 8 Semester [*]Voraussetzung: Allgemeine oder fachgebundene Hochschulreife Fachhochschulreife oder eine vom Sächsischen Staatsministerium für Kultus als gleichwertig bestätigte Hochschulzugangsberechtigung[*]Vorpraktikum: 12 Wochen bis zum Vordiplom[/list] </div> </div> </body> </html> Code:
body{ padding :0; margin :0; background-color: #474a4d; } #rahmen { width: 100%; height: 100%; margin-top: 130px; /*verschieben rahmen nach unten*/ margin-left: 220px; /*verschieben rahmen nach rechts*/ padding-bottom: 0.1em; border-top-width: 3px; border-top-style: solid; border-left-width: 3px; border-left-style: solid; border-color: #cc0033; } #content{ margin-top: 20px; margin-left: 20px; /*verschiebt vertikale Linie nach rechts*/ padding-top : 10px; padding-bottom : 0px; /*kürzt die Linie auf Inhaltsende*/ padding-left : 30px; /*Abstand zwischen Text und vertikaler Linie*/ padding-right : 20%; } #content h1 { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 120%; font-weight: normal; color: #cccccc; background-color : transparent; } #content h2 { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 100%; font-weight: bold; color: #999999; background-color : transparent; } #content h3 { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 100%; font-weight: bold; color: #cccccc; background-color : transparent; } #content p{ font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 90%; font-weight: normal; color: #bebeba; background-color : transparent; line-height : 120%; } #navcontainer ul { padding: .2em 0; margin-top: 20px; list-style-type: none; background-color: #474a4d; color: #FFF; width: 100%; font: normal 115% "Trebuchet MS"; text-align: right; } li { display: inline; } li a { text-decoration: none; background-color: transparent; color: #999999; padding: .2em 1em; border-right: 1px solid #999999; } li a:hover { background-color: transparent; color: #cccccc; } #navigation_left{ position: absolute; top: 190px; left: 60px; width: 140px; } #navigation_left a{ font-family: "Trebuchet MS"; font-weight: bold; /*/*/padding: 10px; text-decoration: none; line-height: 1em; width: 120px;/* */ } #navigation_left a:link, #navigation_left a:visited { color: #666; } #navigation_left a:hover { color: #cccccc; background-color: transparent; } .anchortop { font-family: "Trebuchet MS"; font-size: 80%; font-weight: normal; color: #cc0033; text-decoration: none; text-align: right; } .anchortop a:visited { color: #cc0033; } .linkextern { font-family: "Trebuchet MS"; font-size: 100%; font-weight: normal; text-decoration: underline overline; text-align: right; color: #22282D; } .linkextern a:hover { color: red; } .list { list-style-type: square; line-height : 120%; text-indent: 10px; font-family: "Trebuchet MS"; font-size: 90%; color: #bebeba; } .list_2 { list-style-type: circle; line-height : 120%; text-indent: 10px; font-family: "Trebuchet MS"; font-size: 100%; color: #bebeba; } Natürlich weis ich das ich noch einiges an meinem codes verbessern muss, aber naja...eben die ersten steps.[/code]
__________________
cu trinix |
|
|||
Hallo,
nun stehts in Code Tags. Ich hoffe es ist ein wenig übersichtlicher und jemand hat ne gute Idee wie ich das Listenproblem lösen könnte...
__________________
cu trinix |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen | On3TwO | (X)HTML | 4 | 01.09.2011 14:29 |
Verschiedene Listen Styles | Hilltono | CSS | 2 | 17.03.2011 12:33 |
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei | braindead | (X)HTML | 5 | 13.09.2007 17:43 |
Listen im Sinne der Barrierefreiheit einsetzen | Webstandard | Barrierefreiheit | 17 | 03.04.2006 00:43 |
Listen, Absätze und Überschriften | SPMan | (X)HTML | 4 | 05.08.2004 12:15 |