[WoffParticipant]

Díky! Máte hezký web, dal jsem Vám aspoň symbolicky like na facebooku.

Nakonec byl zakopaný pes v overflow: hidden, stačilo přepsat na overflow: visible.

A po několika dalších úpravách vypadá výsledek mnohem jednodušeji, takhle (zatím jsem nenašel, že by se něco zobrazovalo blbě):

/* LIST */	

.content ul{	
	list-style-type: disc;
	list-style-position: outside;	
	padding-bottom: 22px;
}

.content ul li {	
	overflow: visible;
}

.content ul li ul{
	padding-left: 14px;
	list-style-type: lower-alpha;	
	padding-bottom: 0px;
}

.content ol{	
	list-style-type: decimal;
	list-style-position: outside;	
	padding-bottom: 22px;
}

.content ol li {	
	overflow: visible;
}

.content ol li ol{
	padding-left: 14px;
	list-style-type: lower-alpha;	
	padding-bottom: 0px;
}

.content ul ol,
.content ol ul,
.content ul:not([class]) ol,
.content ol:not([class]) ul{
	padding-bottom: 15px;
	padding-left: 14px;
}

[WoffParticipant]

Dobrý den, Mirku, díky za odkaz na stránku https://www.jakpsatweb.cz/css/list-style-position.html , kterou znám a kde se také píše o rozdílu mezi pozicemi odrážek inside a outside, což jsem zmiňoval již v úvodní otázce. Vy ve svém CSS ani jednu takovou možnost nemáte, navíc jste neuvedl odkaz na daný web, aby účastníci diskuse mohli vidět, jak se kód projevuje “venku”. Takže ještě jednou díky za pokus o pomoc, ale bohužel nyní blíže k vyřešení problému nejsme.

[WoffParticipant]

Díky za radu. Bohužel tak, jak jsem ji zkusil realizovat, mi nepomohla. Margin funguje, vytvoří se okraj, ale číslované odrážky zmizí a text ani při “outside position” není vlevo zarovnaný tak, aby začínal pod sebou. Ale možná jsem CSS upravil špatně (zkoušel jsem margin: 30px; i pouze margin-left: 30px;):

/* LIST */	

.content ul:not([class]) {
	list-style-type: none;
	list-style-position: outside;	
	margin: 30px;
	padding-left: 0px;
	padding-bottom: 22px;
	
}

.content  ul:not([class]) li {
	min-height: 22px;
	line-height: 22px;	
	padding: 0px;
	margin: 0px;
}
.content  ul:not([class]) > li:before {    
	font-family: 'FontAwesome';
	content: '\f0c8';
	vertical-align: middle;
	margin-right: 8px;
	font-size: 4px;
	font-weight: normal;
	color: #444;
}

.content ul:not([class]) li ul{
	padding-left: 14px;
	padding-bottom: 15px;
}

.content ol{	
	list-style-type: decimal;
	list-style-position: outside;
	margin: 30px;	
}

.content ol li {	
	overflow: hidden;
}

	
.content ol li ol{
	padding-left: 14px;
	list-style-type: lower-alpha;	
	padding-bottom: 15px;
}

.content ul ol,
.content ol ul,
.content ul:not([class]) ol,
.content ol:not([class]) ul{
	padding-bottom: 15px;
	padding-left: 14px;
}

[WoffParticipant]

Vyřešeno plugunem wpdiscuz: https://cs.wordpress.org/plugins/wpdiscuz/ :-)

[Autor]

Příspěvky