|
|
| over-riding Garland's list item bullet
points. |
|
2007-04-14 08:59:37 |
|
|
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? |
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 00:20:11 |
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/
] |
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 03:54:47 |
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: <supportdrupal.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/
] |
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 05:42:50 |
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/p
hotos/garrettc
Music: http://last.fm/user/gar
rettc1
--
[ Drupal support list | http://lists.drupal.org/
]
|
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 05:54:38 |
|
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
< neilesl-lounge.com">neilesl-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" <
marvil07gmail.com">marvil07gmail.com>
To: < supportdrupal.org">supportdrupal.org>
Sent: Sunday, April 15, 2007 7:20 AM
Subject: Re: [support] over-riding Garland9;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/ ]
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 05:57:22 |
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" <garrettpolytechnic.co.uk>
To: <supportdrupal.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/p
hotos/garrettc
> Music: http://last.fm/user/gar
rettc1
>
>
>
> --
> [ Drupal support list | http://lists.drupal.org/
]
>
--
[ Drupal support list | http://lists.drupal.org/
]
|
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 06:35:19 |
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://ch
rispederick.com/work/webdeveloper/
--
------------------------------------------------------------
------------
Blog: http://polytechnic.co.uk
Photos: http://flickr.com/p
hotos/garrettc
Music: http://last.fm/user/gar
rettc1
--
[ Drupal support list | http://lists.drupal.org/
]
|
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 06:39:17 |
Thanks, I'll look into doing that.
----- Original Message -----
From: "Garrett Coakley" <garrettpolytechnic.co.uk>
To: <supportdrupal.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://ch
rispederick.com/work/webdeveloper/
>
> --
>
------------------------------------------------------------
------------
> Blog: http://polytechnic.co.uk
> Photos: http://flickr.com/p
hotos/garrettc
> Music: http://last.fm/user/gar
rettc1
>
>
>
> --
> [ Drupal support list | http://lists.drupal.org/
]
>
--
[ Drupal support list | http://lists.drupal.org/
]
|
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 08:52:05 |
|
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 < neilesl-lounge.com">neilesl-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" < garrettpolytechnic.co.uk">garrettpolytechnic.co.uk>;
To: < supportdrupal.org">
supportdrupal.org>
Sent: Sunday, April 15, 2007 12:42 PM
Subject: Re: [support] over-riding Garland9;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/ ]
|
| Re: over-riding Garland's list item
bullet points. |
|
2007-04-15 09:07:40 |
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" <garrettpolytechnic.co.uk>
> To: <supportdrupal.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/p
hotos/garrettc
>> Music: http://last.fm/user/gar
rettc1
>>
>>
>>
>> --
>> [ Drupal support list | http://lists.drupal.org/
]
>>
>
--
[ Drupal support list | http://lists.drupal.org/
]
|
|