BulletPoints werden nicht angezeigt

megazonk

Hallo,
in der WYSIWYG-Ansicht der Redaktionsoberfläche werden Bulletpoints angezeigt bei einer Aufzählung. Im IE sind die dann nicht mehr zu sehen, stattdessen hängt meine Aufzählung ein wenig im luftleeren Raum :(
Warum?

Web3D-Blog

danke!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

hero-master

Hi megazonk:
Der IE versteht die Pseudoklasse :before nicht, mit dem du diese "BulletPoints" erstellst.
Speicher dieses Zeichen als Grafik ab und definier sie als Hintergrundbild für die einzelnen Listenpunkte:

Code

.entry ul li {
background:url(images/bullets.gif) 0 0 no-repeat;
padding-left:10px /* Je nachdem wie du es haben willst*/
}

megazonk

super, danke !
werde ich machen...

megazonk

hallo,
habe grafik hochgeladen und wird auch toll angezeigt, aber sie müssten etwas tiefer. bin leider kein CSS experte. :(

Code

/* Begin Lists


	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 


html>body .entry li {
	margin: 7px 0 8px 10px;
	}


.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}


.entry ul li {
background:url(/images/bullet.gif) 0 0 no-repeat;
padding-left: 10px /* Je nachdem wie du es haben willst*/


}




.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}


.entry ol li {
	margin: 0;
	padding: 0;
	}


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}






#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}


#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}


#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}


ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}


#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

Alles anzeigen

danke :)

hero-master

Morgen :)
die Position eines Hintergrundbildes bestimmst du dort wo du die beiden Nuller gepackt hast:

Code

background:url(/images/bullet.gif) 0 0 no-repeat;

Die erste Stelle definiert die vertikale und die rechts die horizontale Position.
Also schraubst du ein wenig an der vertikalen Position herum :)
bzw. weise dem ganzen das hier zu: center left

Code

background:url(/images/bullet.gif) center left no-repeat;

megazonk

super, danke - habs mit ein wenig experimentieren von Px werten hinbekommen! Danke! :)

radschlaeger

kann es sein, dass auch ff in seiner neuesten version diese bullets nicht anzeigt? liegt die lösung auch hier im hintergrundbild?

hilfeeeeee....

danke vorab
radi

marX

FF kennt die Pseudoelemente :before und :after: :before, :after: Vor und nach einem Element: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets - Dein Problem liegt wohl woanders.

radschlaeger

das mag stimmen - ich sehe sie weder im ff noch im ie und auch nicht in safari :-? thema ist das deutsche benevolence - falls das was damit zu tun haben kann.

marX

Wird wohl am Theme liegen. Am besten postest du mal den Link zu deinem Blog.

podologin

Zitat von marX

Wird wohl am Theme liegen. Am besten postest du mal den Link zu deinem Blog.

ich habe das gleiche problem. im backend sehe ich bulletpoints und im frontend nicht. hoffe du kannst mir helfen . eine anleitung was ich zu tun habe (bin kein expert) wäre super lieb! danke upfront!:?:

http://www.fusspflege-mobil.net

Willkommen! Melden Sie sich an oder registrieren Sie sich.

BulletPoints werden nicht angezeigt

Jetzt mitmachen!