Changing Data Values using CSS

Changing Data Values using CSS

am 18.07.2007 07:54:19 von sgconger

I have a list of data values that are in an html 1. My List
One. I want to be able in CSS (not change the html) to remove
the 1. so that when it is displayed all I get is My List One. It
seems like there should be a way to do this using CSS. Any help would
be greatly appreciated.

Thanks,
Susan Conger

Re: Changing Data Values using CSS

am 18.07.2007 08:20:02 von Adrienne Boswell

Gazing into my crystal ball I observed sgconger@gmail.com writing in
news:1184738059.285661.97450@e9g2000prf.googlegroups.com:

> I have a list of data values that are in an html 1. My List
> One. I want to be able in CSS (not change the html) to remove
> the 1. so that when it is displayed all I get is My List One. It
> seems like there should be a way to do this using CSS. Any help would
> be greatly appreciated.
>
> Thanks,
> Susan Conger
>
>

AFAIK, there is no way to do that. You can generate content, but not
take it away. What you would want to do is

My disappearing text.

where .hide would
be display:none (completely removes the content) or visibility:hidden (is
still in the document flow). If this is coming from a server side db or
something, you could do:






Then you could appropriately style the ol element to show or not.


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Re: Changing Data Values using CSS

am 18.07.2007 11:36:05 von Toby A Inkster

sgconger wrote:

> I have a list of data values that are in an html 1. My List
> One. I want to be able in CSS (not change the html) to remove
> the 1. so that when it is displayed all I get is My List One. It
> seems like there should be a way to do this using CSS.

You could remove the "1", but you can't easily remove the ". ". To remove
the "1" you can use:

#x:first-letter { display: none; }

but this will only work when used on a block element (e.g.

,

,
etc) -- not on an inline element (e.g. ).

You'd be better off using client-side scripting. Something like:



--
Toby A Inkster BSc (Hons) ARCS
[Geek of HTML/SQL/Perl/PHP/Python/Apache/Linux]
[OS: Linux 2.6.12-12mdksmp, up 27 days, 12:59.]

PHP Linkifier
http://tobyinkster.co.uk/blog/2007/07/18/linkify/

Re: Changing Data Values using CSS

am 18.07.2007 22:03:59 von jmm-list-gn

sgconger@gmail.com wrote:
> I have a list of data values that are in an html 1. My List
> One. I want to be able in CSS (not change the html) to remove
> the 1. so that when it is displayed all I get is My List One. It
> seems like there should be a way to do this using CSS. Any help would
> be greatly appreciated.
>
An URL to a test case would be useful.
Is the list in an actual list element like an

    ? Or a pseudo-list of
    some sort?
    Given that you have the , I'd guess a pseudo-list. In that case
    use another to control the presence of the number:

    1. My List One

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)

Re: Changing Data Values using CSS

am 18.07.2007 22:28:34 von Mark Barratt

wrote...
> I have a list of data values that are in an html 1. My List
> One. I want to be able in CSS (not change the html) to remove
> the 1. so that when it is displayed all I get is My List One. It
> seems like there should be a way to do this using CSS. Any help would
> be greatly appreciated.

You can't actually process the html content with CSS - that's not=20
what CSS does.

You should be able to hide the beginning of each item by=20
positioning it negatively in a block, and setting the block's=20
overflow property to hidden. This would take some fiddling around=20
to work properly in all browsers, however.

--=20
Mark Barratt, angoltan=E1r budapesten
http://www.geocities.com/nyelvmark