Shoutbox

removing the dot off <li> - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: removing the dot off <li> (/showthread.php?tid=53961)

removing the dot off <li> by stoshrocket on 12-16-2005 at 05:02 PM

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!


RE: removing the dot off <li> by user27089 on 12-16-2005 at 05:10 PM

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.
RE: removing the dot off <li> by stoshrocket on 12-16-2005 at 05:11 PM

quote:
Originally posted by traxor
li{
visibility: hidden;
}

it hides the writing as well :rofl: atleast it got rid of the dots! hahaha... good try though/
RE: removing the dot off <li> by Plik on 12-16-2005 at 05:14 PM

code:
list-style-type: none;
apply that to the ul element that contains the li's
RE: removing the dot off <li> by stoshrocket on 12-16-2005 at 05:37 PM

thanks mate! works a treat!


RE: removing the dot off <li> by Jhrono on 12-16-2005 at 07:12 PM

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

Screenshot :
[Image: attachment.php?pid=578430]


RE: removing the dot off <li> by stoshrocket on 12-16-2005 at 10:23 PM

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


RE: removing the dot off <li> by CookieRevised on 12-16-2005 at 11:14 PM

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...
RE: removing the dot off <li> by stoshrocket on 12-16-2005 at 11:16 PM

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!
RE: removing the dot off <li> by CookieRevised on 12-16-2005 at 11:24 PM

[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]


RE: removing the dot off <li> by rav0 on 12-17-2005 at 06:25 AM

The menu and dir elements are now deprecated, in favour of ul.

Also, the method that Madman posted is entirely correct, end does not need a stylesheet, it can be applied directly to the element, although if you already have a stylesheet, it will most likely be easier to add it to the stylesheet.

Further, the unstyled rendering of dl varies more across browsers than does that of ul and ol.

PS CookieRevised, you've posted il instead of li in your first example.


RE: removing the dot off <li> by CookieRevised on 12-17-2005 at 06:36 PM

quote:
Originally posted by rav0
Also, the method that Madman posted is entirely correct
I didn't say it was wrong.

quote:
Originally posted by rav0
and does not need a stylesheet, it can be applied directly to the element, although if you already have a stylesheet, it will most likely be easier to add it to the stylesheet.
The syntax used by Madman IS for stylesheets, it is not standard basic HTML. Note that you still use a "stylesheet" so to speak, even if you put the elements directly into the tags.

Styles can be applied in a seperate file, in an inline sheet or directly to elements. Though, all methods activate the use of styles, which isn't basic HTML anymore.

And that was my whole point of the post. The HTML syntax is to use "type=" which is compatible to the lowest version of HTML. So you do not need to revert to using styles and the new syntax at all, which will only be compatible with browser where stylesheets are enabled and are reconized (though, now almost all do of course).

Of course, if you already have a stylesheet, or already using other styles, by all means use the new method. But my point is that you do not explicitly need to use this new style just only for this. In general, basic HTML can do far more than what is believed (and often renders quicker also, not to mention it is far more compatible.) ;)

quote:
Originally posted by rav0
PS CookieRevised, you've posted il instead of li in your first example.
oops... fixed... thanks.
RE: removing the dot off <li> by Nathan on 12-17-2005 at 06:58 PM

quote:
Originally posted by The Website

excess of 240km/h (50mph)

[offtopic]
Sorry if I'm bieng picky but shouldn't that say 150mph?
[/Offtopic]
RE: removing the dot off <li> by stoshrocket on 12-17-2005 at 07:01 PM

lol, probably, but its not me that has wrote the content, im only the desinger ;)

:o is it just me or does the drop down menu not work in IE?!?! why is this so? is the JS not compatible or something?


RE: removing the dot off <li> by surfichris on 12-18-2005 at 10:44 AM

quote:
Originally posted by CookieRevised
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)
If you're using a web browser which was designed in 1999, then maybe it has a few bugs.

However, before you go posting that, i'd suggest you go checking your sources. The type attribute is DEPRECATED in HTML 4.0 even.

It may work, but is a deprecated tag which in the future will not be supported by any standards and browsers may drop support for it (especially with things like XHTML 2.0).

It was deprecated in favour of the list-style and list-style-type attributes of CSS.  Methos2 is designing a site relying on the heavy use of CSS for style information. If a visitor was to visit his site without CSS enabled (or text based browser), and the type attribute was specified, then the list items would NOT appear for the menu and users would probably not be able to establish that that block of text was actually a menu.
quote:
Originally posted by CookieRevised

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.
However, they are designed for definitions, not lists of ordinary data. You shouldn't use them unless you're defining something.
quote:
Originally posted by CookieRevised
[OFF TOPIC]
There are also other list forms, eg:

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

or

<dir>
  <li>
  <li>
  <li>
</dir>
Of which are also deprecated back in HTML 4.0.

http://www.w3.org/TR/REC-html40/struct/lists.html
RE: removing the dot off <li> by stoshrocket on 12-18-2005 at 07:31 PM

can anyone see why the drop down menu doesnt work within IE?? :'(


RE: removing the dot off <li> by Plik on 12-18-2005 at 07:36 PM

quote:
Originally posted by Methos2
can anyone see why the drop down menu doesnt work within IE?? :'(
Becuase IE doesnt support the :hover attribute in CSS on anything but anchor elements.

Edit. Ah i see your trying to use the nifty javascript script, see my other post :P
RE: removing the dot off <li> by stoshrocket on 12-18-2005 at 07:44 PM

but this  works in IE.... why not mine?


RE: removing the dot off <li> by Plik on 12-18-2005 at 07:50 PM

quote:
Originally posted by Methos2
but this  works in IE.... why not mine?
Because juzzi's nifty js script exists and yours 404's :P
http://methos2.skarz.co.uk/JCC2/nifty.js - 404
http://www.msgweb.nl/shared/nifty - A javascript file
RE: removing the dot off <li> by stoshrocket on 12-18-2005 at 07:53 PM

no wonder... lol.... ill look into it, thanks!