html css help

[TheBrooder]

I want to do a bullet pointed list which is in a div which has been assigned a css class but the <ul> isn't working as there are no bullet points being displayed. Here's the css

.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}

and here's the exert from the html

<div class="splitleft">

     <p><span class="style4">Education</span><br />
       <br />
     <b>1995-1998  Maitrise: Master's Degree in English Language, Literature and Civilisation.</b>  Poitiers University of Languages, Poitiers, France
     	<ul>
     		<li>English lexicology and phonetics</li>
     		<li>Translation: compared English and French Syntax</li>
     		<li>Psycholinguistics</li>
     	</ul>
     </p><br>

Any idea?

 

[Mr_L]

It displays bullet points for me on the <li> elements.

What browser are you using?

 

[TheBrooder]

firefox but I'm viewing it in the frontpage (can't find vis studio disks ...)preview bit

 

[Mr_L]

You haven't viewed it in a browser?

 

[TheBrooder]

It doesn't work for me in either ie or firefox

 

[Mr_L]

With the the snippet of HTML and CSS you have given here, it works. There must be some of your other HTML/CSS affecting it.

Edit: This is the result of what you have posted (with a few tweaks to your HTML)...

 

[TheBrooder]

right thanks for that, I'll have a look at the rest of it

 

[SiriusB]

The first thing you should do is validate your CSS and HTML. More often than not these strange behaviours are due to incorrect/incomplete code.

 

[TheBrooder]

it was the

*{border:0;margin:0;padding:0;background:transparent;}

the padding:0; bit at the top of the css ...

Thanks for helping.

What's the browser in Mr_L's image please?

 

[Dj_Jestar]

Get Firebug for FireFox

 

[Mr_L]

What's the browser in Mr_L's image please?

It's Firefox.