over-riding Garland's list item bullet points.
This is something I have always found frustrating. When I create a block (or even standard node content) with the following code: <ul list-style-type:none> <li>Title</li> <li>Created</li> <li># Comments</li> </ul> I still get the little white discs, which I think are graphics. If I use display:inline, it stays as a list with white discs. If I use background-image:none, it stays as a list with white discs. If I use list-style-image:none, it stays as a list with white discs. I was under the impression that inline CSS took precedence over linked or embedded CSS so why is the default Garland CSS seemingly an immovable object?
Hi, First time I write, great work drupal colaborators. Hi Neil,
<ul list-style-type:none>
The matter is the syntax: <ul style="list-style-type:none"> ... in case you want to make it work from the html, but I think it's better if you do it from the css file.
<li>Title</li> <li>Created</li> <li># Comments</li> </ul>
Cheers, ________________________________ Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07 -- ________________________________ Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07
Sorry, that was me being slapdash in the original mail. The html of the block is simply: <ul style="list-style-type:none;background-image:none;"> <li>Apples</li> <li>Bananas</li> <li>Pears</li> </ul> and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs. Infuriating. :-| ----- Original Message ----- From: "Marco Antonio Villegas Vega" <marvil07@gmail.com> To: <support@drupal.org> Sent: Sunday, April 15, 2007 7:20 AM Subject: Re: [support] over-riding Garland's list item bullet points.
Hi,
First time I write, great work drupal colaborators.
Hi Neil,
<ul list-style-type:none>
The matter is the syntax:
<ul style="list-style-type:none">
... in case you want to make it work from the html, but I think it's better if you do it from the css file.
<li>Title</li> <li>Created</li> <li># Comments</li> </ul>
Cheers, ________________________________
Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07 -- ________________________________
Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07
-- [ Drupal support list | http://lists.drupal.org/ ]
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s. <ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul> Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of inline styles everywhere. G. -- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
that didn't work either. I even tried: <ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul> and the white graphical discs remain steadfastly. I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum.... ----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 12:42 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s.
<ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul>
Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of inline styles everywhere.
G.
-- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
On 15 Apr 2007, at 11:57, Neil: esl-lounge.com wrote:
I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
I've just run a test here and using an inline background-image:none; on the <li>'s in a custom block does work. Have you tried using Firebug[1] or the Web Developer[2] Firefox extensions to check what other rules are being applied to your elements? G. [1] http://www.getfirebug.com/ [2] http://chrispederick.com/work/webdeveloper/ -- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
Thanks, I'll look into doing that. ----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 1:35 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 11:57, Neil: esl-lounge.com wrote:
I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
I've just run a test here and using an inline background-image:none; on the <li>'s in a custom block does work. Have you tried using Firebug[1] or the Web Developer[2] Firefox extensions to check what other rules are being applied to your elements?
G.
[1] http://www.getfirebug.com/ [2] http://chrispederick.com/work/webdeveloper/
-- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
if you copy this to a lone html file it works perfectly. so the problem is the order of loading of the css files and the cascade weight of what you have put into the html as the old-fashioned "style" attribute of the html tag. this goes in and is overridden somewhere by a statement in the theme's css styling. perhaps some Garland buff can tell us where; have you tried putting the appropriate css statements in style.css (if it is customized, does it need to go into the appropriate ./file/color... directory???); On 4/15/07, Neil: esl-lounge.com <neil@esl-lounge.com> wrote:
that didn't work either. I even tried:
<ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul>
and the white graphical discs remain steadfastly. I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 12:42 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s.
<ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul>
Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of inline styles everywhere.
G.
-- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
-- [ Drupal support list | http://lists.drupal.org/ ]
This is starting to look to me like a caching issue. Neil: esl-lounge.com wrote:
that didn't work either. I even tried:
<ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul>
and the white graphical discs remain steadfastly. I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 12:42 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s.
<ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul>
Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of inline styles everywhere.
G.
-- ------------------------------------------------------------------------ Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
could be, but Garland also cache's away customized color selections (and the style.css) in a subdirectory in the files directory. don't know how that works, since I don't usually customize garland much On 4/15/07, Simon Swegles <simon@swegles.com> wrote:
This is starting to look to me like a caching issue.
Neil: esl-lounge.com wrote:
that didn't work either. I even tried:
<ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul>
and the white graphical discs remain steadfastly. I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 12:42 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s.
<ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul>
Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of inline styles everywhere.
G.
--
Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
-- [ Drupal support list | http://lists.drupal.org/ ]
I just truncated menu_cache and this is still loading: http://www.mysite.com/themes/garland/images/menu-leaf.gif so then I tried Lorenzo's idea of changing the input filter to Full HTML and that did the trick. Thanks for ending more than a week of mental anguish! :-) ----- Original Message ----- From: Victor Kane To: support@drupal.org Sent: Sunday, April 15, 2007 4:19 PM Subject: Re: [support] over-riding Garland's list item bullet points. could be, but Garland also cache's away customized color selections (and the style.css) in a subdirectory in the files directory. don't know how that works, since I don't usually customize garland much On 4/15/07, Simon Swegles <simon@swegles.com> wrote: This is starting to look to me like a caching issue. Neil: esl-lounge.com wrote: > that didn't work either. I even tried: > > <ul style="background-image:none;list-style-type:none;"> > <li style="background-image:none;list-style-type:none;">Apples</li> > <li style="background-image:none;list-style-type:none;">Bananas</li> > <li style="background-image:none;list-style-type:none;">Pears</li> > </ul> > > and the white graphical discs remain steadfastly. I don't intend to use this > to style but it's almost become a challenge by now. Drupal seems to be > ignoring the basic standards of cascading styles and I have seen this is > other places. Ho hum.... > > > > ----- Original Message ----- > From: "Garrett Coakley" <garrett@polytechnic.co.uk> > To: <support@drupal.org> > Sent: Sunday, April 15, 2007 12:42 PM > Subject: Re: [support] over-riding Garland's list item bullet points. > > >> On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote: >> >> >>> and the white bullet-points are still there. Even if I change it to >>> list-style-type:square, they remain the ever-present white discs. >> >> The bullets in garland are background images on the <li>'s. >> >> <ul> >> <li style="background-image: none">Apples</li> >> <li style="background-image: none">Bananas</li> >> <li style="background-image: none">Pears</li> >> </ul> >> >> >> Should get rid of them for you, but as Marco mentioned you really >> want to be doing this from your CSS file instead of having a bunch of >> inline styles everywhere. >> >> G. >> >> -- >> ------------------------------------------------------------------------ >> Blog: http://polytechnic.co.uk >> Photos: http://flickr.com/photos/garrettc >> Music: http://last.fm/user/garrettc1 >> >> >> >> -- >> [ Drupal support list | http://lists.drupal.org/ ] >> > -- [ Drupal support list | http://lists.drupal.org/ ] ------------------------------------------------------------------------------ -- [ Drupal support list | http://lists.drupal.org/ ]
for it is, behold, an ordered universe! On 4/15/07, Neil: esl-lounge.com <neil@esl-lounge.com> wrote:
I just truncated menu_cache and this is still loading:
http://www.mysite.com/themes/garland/images/menu-leaf.gif
so then I tried Lorenzo's idea of changing the input filter to Full HTML and that did the trick. Thanks for ending more than a week of mental anguish! :-)
----- Original Message ----- *From:* Victor Kane <victorkane@gmail.com> *To:* support@drupal.org *Sent:* Sunday, April 15, 2007 4:19 PM *Subject:* Re: [support] over-riding Garland's list item bullet points.
could be, but Garland also cache's away customized color selections (and the style.css) in a subdirectory in the files directory. don't know how that works, since I don't usually customize garland much
On 4/15/07, Simon Swegles <simon@swegles.com> wrote:
This is starting to look to me like a caching issue.
Neil: esl-lounge.com wrote:
that didn't work either. I even tried:
<ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul>
and the white graphical discs remain steadfastly. I don't intend to use this to style but it's almost become a challenge by now. Drupal seems to be ignoring the basic standards of cascading styles and I have seen this is other places. Ho hum....
----- Original Message ----- From: "Garrett Coakley" <garrett@polytechnic.co.uk> To: <support@drupal.org> Sent: Sunday, April 15, 2007 12:42 PM Subject: Re: [support] over-riding Garland's list item bullet points.
On 15 Apr 2007, at 09:54, Neil: esl-lounge.com wrote:
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
The bullets in garland are background images on the <li>'s.
<ul> <li style="background-image: none">Apples</li> <li style="background-image: none">Bananas</li> <li style="background-image: none">Pears</li> </ul>
Should get rid of them for you, but as Marco mentioned you really want to be doing this from your CSS file instead of having a bunch of
inline styles everywhere.
G.
--
Blog: http://polytechnic.co.uk Photos: http://flickr.com/photos/garrettc Music: http://last.fm/user/garrettc1
-- [ Drupal support list | http://lists.drupal.org/ ]
-- [ Drupal support list | http://lists.drupal.org/ ]
------------------------------
-- [ Drupal support list | http://lists.drupal.org/ ]
-- [ Drupal support list | http://lists.drupal.org/ ]
<ul style="background-image:none;list-style-type:none;"> <li style="background-image:none;list-style-type:none;">Apples</li> <li style="background-image:none;list-style-type:none;">Bananas</li> <li style="background-image:none;list-style-type:none;">Pears</li> </ul>
and the white graphical discs remain steadfastly.
Not considering the inline/cacheing problem that seems to have been solved elsewhere, I needed ID specifiers to get this to work: #header #nav-primary li { list-style-type: none; background-image: none; } This is probably because the existing Garland CSS statement ul li, ul.menu li, .item-list ul li, li.leaf { background: transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.35em; /* ... */ } typically has two tag specifiers and a classname specifier, so you need either 2+ classnames or an ID to beat that. <http://www.w3.org/TR/REC-CSS2/cascade.html#specificity> should help, although it doesn't make any explicit statement on the super-specificity of inline styles that I can see. Cheers, J-P
try applying styles to <li> ul li { list-style: none; } also, you should handle that in your theme's style.css, in order to separate the graphic design from the data. that way, if one day you want to have a graphic artist work with you, they won't have to go poring through php code. Victor Kane http://awebfactory.com.ar On 4/15/07, Neil: esl-lounge.com <neil@esl-lounge.com> wrote:
Sorry, that was me being slapdash in the original mail. The html of the block is simply:
<ul style="list-style-type:none;background-image:none;"> <li>Apples</li> <li>Bananas</li> <li>Pears</li> </ul>
and the white bullet-points are still there. Even if I change it to list-style-type:square, they remain the ever-present white discs.
Infuriating. :-|
----- Original Message ----- From: "Marco Antonio Villegas Vega" <marvil07@gmail.com> To: <support@drupal.org> Sent: Sunday, April 15, 2007 7:20 AM Subject: Re: [support] over-riding Garland's list item bullet points.
Hi,
First time I write, great work drupal colaborators.
Hi Neil,
<ul list-style-type:none>
The matter is the syntax:
<ul style="list-style-type:none">
... in case you want to make it work from the html, but I think it's better if you do it from the css file.
<li>Title</li> <li>Created</li> <li># Comments</li> </ul>
Cheers, ________________________________
Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07 -- ________________________________
Marco Antonio Villegas Vega ( º - º ) Ing. Informatica http://blog.pucp.edu.pe/marvil07
-- [ Drupal support list | http://lists.drupal.org/ ]
-- [ Drupal support list | http://lists.drupal.org/ ]
participants (6)
-
Garrett Coakley -
J-P Stacey -
Marco Antonio Villegas Vega -
Neil: esl-lounge.com -
Simon Swegles -
Victor Kane