zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellen von Listen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.10.2004, 15:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.10.2004, 15:57
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.10.2004, 16:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Dieter Krautkraemer
Was meinst Du mit Anstriche?
Damit meine ich die verschiedenen Bullet Points (circle, square etc.). Die eben einfach nicht angezeigt werden.
Zitat:
Und hast Du denn auch Werte für "ul" und "li" gesetzt?
Für den Tag ul habe ich die Klasse .list gesetzt, für li nichts.
__________________
cu
trinix
Mit Zitat antworten
  #4 (permalink)  
Alt 07.10.2004, 16:22
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Dann setz auch mal das Folgende in die CSS ein:
Code:
ul {
	margin: 0px auto;
	list-style-type: square;
	}
li {
	list-style-type: square;
}
Du musst natürlich noch die für dein Design nötigen Werte für color, margin, padding etc. setzen,
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #5 (permalink)  
Alt 07.10.2004, 16:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Bringt es leider nicht. Die squares werden nicht dargestellt...
__________________
cu
trinix
Mit Zitat antworten
  #6 (permalink)  
Alt 07.10.2004, 16:33
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
  #7 (permalink)  
Alt 07.10.2004, 18:09
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #8 (permalink)  
Alt 13.10.2004, 19:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Dieter Krautkraemer
...porste doch mal etwas mehr an Code (HTML und CSS)!
HTML:
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">&uuml;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&ouml;&szlig;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>
CSS:
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;
}
So nun hab ich mal alles gepostet, hoffe es ist nicht zu lang geworden.
Natürlich weis ich das ich noch einiges an meinem codes verbessern muss, aber naja...eben die ersten steps.[/code]
__________________
cu
trinix
Mit Zitat antworten
  #9 (permalink)  
Alt 13.10.2004, 21:29
Benutzerbild von Tapsiturtle
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.07.2004
Beiträge: 196
Tapsiturtle befindet sich auf einem aufstrebenden Ast
Standard

Wenn du das in code tags setzen könntest wär net schlecht. Ist übersichtlicher. Außerdem solltest die xml Deklaration am Anfang deines Dokumentes entfernen. Der IE kommt damit nicht klar.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.10.2004, 23:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:05 Uhr.