zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden <UL> in Paragraph formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.05.2009, 13:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2009
Beiträge: 3
mramse befindet sich auf einem aufstrebenden Ast
Standard <UL> in Paragraph formatieren

Hallo zusammen

Ich habe ein Problem in Zusammenhang mit dem formatieren einer <UL> in einem <P> welcher mittels class formatiert ist. (<P class="ContentAreaPadding">)

Nun da die <UL> aus der Datenbank kommt (mittels BBCode formatiert) kann ich sie nicht direkt im Code formatieren und möchte dies daher via <P> und Stylesheet bewerkstelligen.

Ich will die <UL> wie folgt formatieren:
Zitat:
font-weight: bold;
list-style-type: disc;
margin-left: 30px;
line-height: 1.9;
width: 70%;
Dazu wollte ich im CSS ul.ContentAreaPadding definieren, ohne Erfolg.

Kann mich jemand aufklären wie ich nun die <UL> über das <P> formatieren kann, daher ohne der <UL> direkt eine ID oder Klasse zuzuweisen?


Übrigens ContentAreaPadding weist die folgenden Attribute auf:
Zitat:
.ContentAreaPadding {
width: 330px;
padding-left: 43px;
color: #09244a;
font-family: Arial,sans-serif;
font-size: 9pt;
text-align: justify;
line-height: 1.5;
}
Beste Grüsse

Geändert von mramse (03.05.2009 um 13:56 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.05.2009, 14:13
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Das wird so nicht gehen, denn <p> darf nur Inline-Elemente enthalten - <ul> ist ein Block-Element.

vgl. Elementreferenz
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.05.2009, 14:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2009
Beiträge: 3
mramse befindet sich auf einem aufstrebenden Ast
Standard

Hmm, ok. Gut ich habe das <P> nun in ein <DIV> gewandelt, soweit so gut.

D.h. die Formatierung funktioniert nun mittels:
Code:
.ContentAreaPadding ul {
margin-top: 10px;
margin-left: 40px;
list-style-type: disc;
font-weight: bold;
line-height: 1.9;
width: 70%;
}
Nun frisst der IE aber die Aufzählungspunkte trotz list-style-type: disc; Opera und FF sehen wunderbar aus, aber IE 7.0 zeigt einfach die Punkte nicht.

...?
Mit Zitat antworten
  #4 (permalink)  
Alt 03.05.2009, 14:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2009
Beiträge: 3
mramse befindet sich auf einem aufstrebenden Ast
Standard

Ein padding-left: 15px; hat den gefressenen Punkt wieder zum Vorschein gebracht.

Danke!
Mit Zitat antworten
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
Form Element formatieren ? dan_23 CSS 4 21.03.2008 08:54
Links in einer Liste formatieren Steakfred CSS 2 26.01.2008 16:49
dropdown button mit css formatieren? lisa soleil CSS 5 28.11.2007 12:09
Gästebuch formatieren Electrohunter CSS 1 29.10.2007 18:19
Input-Tag formatieren? rothom CSS 1 22.07.2004 09:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:39 Uhr.