• <ul> won't show up
    12 replies, posted
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&#8217;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&#8217;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.