I have an UL in my page (I'm testing my wordpress theme) but the bullets and the indent won't show up. What is it?
Wouldn't it help to post the <ul> code so we can actually see what the problem is?
[html]<div class="page_content"><p>Questa pagina è un esempio di una pagina di WordPress, è possibile per inserire le informazioni sul proprio profilo e sul proprio sito. È possibile creare quante pagine si desiderano simili a questa o anche delle sottopagine e gestirne il contenuto all’interno di WordPress.</p>
<p style="padding-left: 30px;">Indentato</p>
<p><strong>Grassetto</strong> <em>Corsivo</em> <span style="text-decoration: underline;">Sottolineato</span><span style="color: #ff0000;"> Colore</span> <span style="text-decoration: line-through;">Barrato</span></p>
<ul>
<li>
A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>e</li>
</ul>
<p></p>
</div>[/html]
Could it be because it has no <p></p> around it?
Not sure if you know but its.
[html]<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul> [/html]
[editline]29th November 2010[/editline]
Damnit!
Here's the page where it doesn't work. There's no trace of the indentation and the bullet points.
[url]http://lauradifazio.altervista.org/cms/info/[/url]
It does show up when I try it out. And indent your code, it makes it so much easier to manage.
[html]<div class="page_content">
<p>Questa pagina è un esempio di una pagina di WordPress, è possibile per inserire le informazioni sul proprio profilo e sul proprio sito. È possibile creare quante pagine si desiderano simili a questa o anche delle sottopagine e gestirne il contenuto all’interno di WordPress.</p>
<p style="padding-left: 30px;">Indentato</p>
<p><strong>Grassetto</strong>
<em>Corsivo</em>
<span style="text-decoration: underline;">Sottolineato</span>
<span style="color: #ff0000;"> Colore</span>
<span style="text-decoration: line-through;">Barrato </span>
</p>
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
<p></p>
</div>[/html]
It's a wordpress-generated page, can't help that. Did you also try that on my site?
I tried it as pure HTML. It seemed to work there so it is something either in your CSS or something else that I can't quite remember doing something there. Seems weird that the template isn't indented though.
[QUOTE=hexpunK;26388343]I tried it as pure HTML. It seemed to work there so it is something either in your CSS or something else that I can't quite remember doing something there. Seems weird that the template isn't indented though.[/QUOTE]
Mhm, I have no idea what I could have done to the css to break it.. Does anyone know?
It isn't the fact there is no <p> tag either. I am using a <ul> in a site I am making without a <p> tag anywhere in sight.
[editline]29th November 2010[/editline]
darn my automerge.
[css].post_block, .page_block {
margin-top:2px;
margin-bottom:15px;
}
.post_block a {
color:#292620;
}
.post_block a:hover {
color:#5B5445;
}
.post_title a, .page_title{
color:#B53D3A;
margin-left:2px;
font-size:15pt;
text-decoration:none;
}
.post_title a:hover{
color:#E84D49;
}
.post_posted_on {
margin-left:7px;
margin-top:2px;
font-size:9pt;
color:#756A59;
margin-bottom:3px;
}
.post_posted_on .fn {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}
.post_content, .page_content{
color:#28241F;
margin-left:7px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top:2px;
margin-bottom:2px;
}
.post_content ul, .page_content ul {
}
.post_posted_in, .page_tagline {
vertical-align:bottom;
margin-top:3px;
margin-left:7px;
font-size:9pt;
color:#756A59;
}
[/css]
This is the css code used in the pages (look where .page is used)
[css]ol, ul, li {
list-style: none outside none;
}
[/css]
reset.css (line 11)
Install Firebug in Firefox.
[editline]29th November 2010[/editline]
Add this to your own css file:
[css].page_content ul, .page_content li {
list-style: disc outside none;
}[/css]
[QUOTE=Skorpy;26388493][css]ol, ul, li {
list-style: none outside none;
}
[/css]
reset.css (line 11)
Install Firebug in Firefox.
[editline]29th November 2010[/editline]
Add this to your own css file:
[css].page_content ul, .page_content li {
list-style: disc outside none;
}[/css][/QUOTE]
Thanks that was it.
Sorry, you need to Log In to post a reply to this thread.