Bullet points

[zalman]

Hi guys,

 

I have a .tpl file, using PHP, i've emdded some HTML as soo

 

<ul type="square">

  <li/> xxxxx

  <li/> yyyy

</ul>

 

The prob im having is I cant see any of the bullet points..? why is this...?

Thanks

Z

[valtido]

Hi guys,

 

I have a .tpl file, using PHP, i've emdded some HTML as soo

 

<ul type="square">

  <li/> xxxxx

  <li/> yyyy

</ul>

 

The prob im having is I cant see any of the bullet points..? why is this...?

Thanks

Z

 

 

<ul type="square">

  <li> xxxxx</li>

  <li> yyyy</li>

</ul>

 

 

 

[zalman]

thank you for your speedy response, tried.

 

<ul type="square">

  <li>xxxx</li>

  <li>xxxx</li>

  <li>xxx</li>

</ul>

 

Still same prob.

 

Do you think I should write a sepearate CSS snippet for this?

[valtido]

check on your css if you have

 

list-style: none; or something like that and change none to square lool

[zalman]

thank you again, I will check.

[PokeTech]

Well you can just do this:

 

<li>Text</li>
<li>Text here</li>
<li>Etc...</li>

 

Like that I don't think you really even need the <ul> Unless your giving them a name.

[ToonMariner]

You do need <ul> because li is a LIST item and as such belongs to a LIST (UNORDERED or ORDERED)..

 

The original poster shoudl check to see if there is any css being applied to the page - look for list-style-type: none (or image) and padding/margin on the list items.

[rhodesa]

This should override anything that is in your CSS:

 

<ul style="list-style:square;">
  <li>xxxx</li>
  <li>xxxx</li>
  <li>xxx</li>
</ul>

[SuperBlue]

for lists to have same margin cross-browser, use margin: 0;, on the ol/ul if you then cant see the bullets you would do add a padding of 1em to the left, (padding: 0 0 0 1em; should be enough.)

 

The above padding is equivalent to padding-left: 1em;

 

Example:

<ul style="list-style-type: disc;margin: 0;padding: 0 0 0 1em;">
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
</ul>