Shoutbox

anyone know how i can remove the dot off the <li> tag, i need to remove it for a website nav bar::

http://methos2.skarz.co.uk/JCC2

thanks!

I don't know if this will work, but it might:

code:

---

li{
visibility: hidden;
}

---

I've never tried it or anything, it's just an attempt, so yeah... Give it a go.

quote:

---

Originally posted by traxor
li{
visibility: hidden;
}

---

it hides the writing as well atleast it got rid of the dots! hahaha... good try though/

code:

---

list-style-type: none;

---

apply that to the ul element that contains the li's

thanks mate! works a treat!

notice : the site looks dodgy on opera, the hover effects on the menu get displaced ..

Screenshot :

hmm.... thanks, didnt notice that, i dont have opera, thanks for the tip

quote:

---

Originally posted by Madman

code:

---

list-style-type: none;

---

apply that to the ul element that contains the li's

---

only since HTML version whatever. In other words, not all browsers might support it.

Note: you don't need to create a stylesheet only for that. the type= is a supported element of the <ul> or <ol> tags. For <ul> it can be "disc", "circle", "square" (these are the only totally all-round supported values. any other value requires a higher version of HTML or whatever). For <ol>, the value of type= can be "A", "a", "I", "i", or "1" (again, these are the only basic totally all-round supported values, unless your page is in HTML version whatever)

The syntax for normal lists is:
<ul>
    <li>
    <li>
    <li>
</ul>

Or instead of <ul> (unordered list) use <ol> (ordered list). Those lists always have idents in the form of bullets, numbers, etc...

To have the same effect but without the bullets, numbers, etc, you need to create a definition list instead of a normal list:

<dl>
    <dt>
    <dd>
</dl>

Where <dt> is the term being used in the definition and <dd> the definition itself. They have the same ident as in a normal list.

Thus all this can be done with normal basic HTML which every browser understands, no stylesheet manipulation or anything fancy is needed...

quote:

---

Originally posted by CookieRevised
All this can be done with normal basic HTML, no stylesheet manipulation is needed...

The proper syntax is:
<ul>
    <il>
    <il>
    <il>
</ul>

or instead of <ul> (unordered list) use <ol> (ordered list). Those lists always have idents in the form of bullets, numbers, etc...

To have the same effect but without the bullets, numbers, etc, you need to create a definition list instead of a normal list:

<dl>
    <dt>
    <dd>
</dl>

Where <dt> is the term being used in the definition and <dd> the definiation itself. They have the same ident as in a normal list.

---

wow, learn something new everyday, thanks for that! ive been manipulating the <ul> all day to get it to work as well! thanks!

[OFF TOPIC]
There are also other list forms, eg:

<menu>
  <li>
  <li>
  <li>
</menu>

or

<dir>
  <li>
  <li>
  <li>
</dir>



PS: Oh, and the site menu works nicely in Netscape btw, no errors (except for the broken links of course).

[/OFF TOPIC]