✔ Probleme mit Formatierung von Listenpunkten

Status
Nicht offen für weitere Antworten.
N

NiciB

Erfahrenes Mitglied
Ich würde gerne die die gewöhnlichen Listenpunkte durch Grafiken ersetzten.

Ich habe solchen HTML Code in einer Datenbank gespeichert, welcher dann in eine Seite geladen wird:
HTML: 
<ul><li>Kontakt</li></ul>
...
<ol><li>Adresse<br /></li></ol>

Diese Punkte bzw. Nummern sollen durch Grafiken erstzt werden. Das habe ich in einer CSS Datei definiert:
HTML: 
ul{ 	/* Aufzählungspunkt formatieren */
list-style-image: url('point.gif');
}
ol{		/* Aufzählungszahl formatieren */
list-style-image: url('pfeil.gif');
}


Es werden alle Formatierungen vorgenommen, nur die Grafiken werden nicht eingefügt, es erscheinen immer noch die normelen Punkte und Zahlen.

Auf meinem localhost und auf einem anderen Webserver hat das aber funktioniert.
 
Wo liegen die Bilder und wo liegen die CSS Dateien bzw. die html Dateien mit CSS-Formatierungen. Auch hier gilt es, die korrekten Pfadangaben zu beachten.
 
ich binde die CSS mit dieser Befehl ein:
Code: 
<style type="text/css">
<!--
@import url(../../../main.css);
-->
</style>

Die Bilder liegen im selben Verzeichnis wie die CSS Datei, und diese wird gefunden, die anderen Formatierungen funktionieren ja.
 
...
die Rechte habe ich probehalber auf 777 gestellt.

Ich hatte auf diesem Webserver auch Probleme mit dem includen von PHP
Dateien. Die mussten immer im selben Ordner liegen -> open_basedir
restriction.
Aber das hat mit den CSS Dateien ja nichts zu tun, außerdem habe ich
es schon ausprobiert, alles in den selben Ordner zu geben.
 
Versuch mal das hier zum Einbinden der Datei:

HTML: 
<link rel="stylesheet" href="../../../main.css" type="text/css">
 
NiciB hat gesagt.:
ich binde die CSS mit dieser Befehl ein:
Code: 
<style type="text/css">
<!--
@import url(../../../main.css);
-->
</style>

Die Bilder liegen im selben Verzeichnis wie die CSS Datei, und diese wird gefunden, die anderen Formatierungen funktionieren ja.
Zum Vergrößern anklicken....

Dann ist der Pfad zu den Bildern definitiv falsch.... er muss notiert werden, ausgehend von der HTML-Datei, in welche das CSS importiert wird.
 
ich hab jetzt mal eine Seite gemacht, wo ich mich nur auf das Problem konzentriere und es geht immer noch nicht:

HTML: 
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url(main.css);
-->
</style>
</head>
<body>
<ul>
  <li>blabla</li>
  <li>blabla</li>
</ul>
<ol>
  <li>blabla</li>
  <li>blabla</li>
</ol>
</body>
</html>

dann habe ich folgende CSS Datei (main.css):

HTML: 
/* CSS Document */
body{		/* Body formatieren */
background:#CFBF81;
font:12px Arial, Helvetica, sans-serif;
}

table{		/* Tabelle formatieren */
background:#CFBF81;
border:0px;
font:12px Arial, Helvetica, sans-serif;
}
TD { border:0px; }

a{		/* Link formatieren */
color:#555555;
a:link { text-decoration:none; color:#555555; 
a:visited { text-decoration:none; color:#555555; 
a:hover { text-decoration:none; color:#FFFFFF; 
a:active { text-decoration:none; color:#FFFFFF; 
}

ul{ 	/* Aufzählungspunkt formatieren */
list-style-image:url('point.gif');
}
ol{		/* Aufzählungszahl formatieren */
list-style-image:url('pfeil.gif');
}


dann habe ich noch die beiden Bilder pfeil.gif und point.gif, welche sich im selben Ordner befinden.
 
oh mein Gott, wie peinlich... :-(

bei meiner CSS Datei fehlen bei den Link Formatierungen die schließenden Klammern, daher werden die darauffolgenden Formatierungen nicht mehr richtig bearbeitet. Da muss mir irgendwie ein Fehler unterlaufen sein, denn die Klammern waren einmal da. Wahrscheinlich bei einer Copy and Paste Aktion.

Trotzdem danke für eure Hilfe.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück