This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webmaster forum > January 2005 > Underlining the label in a list





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Underlining the label in a list
Dylan Parry

2005-01-24, 7:21 pm

Hi folks,

I'm working on a few local government documents, and they require that
document changes be tracked by striking through the deleted stuff and
underlining the new stuff.

Now this is fine until it comes to lists. Is there any way that one can
cause the label for a list item to be underlined without affecting the
actual content of that item? I can't see how it's possible, but if
anyone can suggest any ideas I would be most grateful.

Cheers,

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Charles Sweeney

2005-01-24, 7:21 pm

Dylan Parry wrote

> Hi folks,
>
> I'm working on a few local government documents


Do they know about it?!

--
Charles Sweeney
http://CharlesSweeney.com
Dylan Parry

2005-01-24, 7:21 pm

Charles Sweeney wrote:

>
> Do they know about it?!


Erm, yeah. They're our clients! We're currently under contract with
Lancashire County Council and Conwy County Council, plus a few others
that I don't remember the names of.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Charles Sweeney

2005-01-24, 7:21 pm

Dylan Parry wrote

> Charles Sweeney wrote:
>
>
> Erm, yeah. They're our clients! We're currently under contract with
> Lancashire County Council and Conwy County Council, plus a few others
> that I don't remember the names of.


I thought you were working in a warehouse?!

--
Charles Sweeney
http://CharlesSweeney.com
Dylan Parry

2005-01-24, 7:21 pm

Charles Sweeney wrote:

> I thought you were working in a warehouse?!


I move quickly! I was doing that as a temp thing before Christmas, but
I've since moved to a "proper" job. I'm now working as a web developer
for a cartography company.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Els

2005-01-24, 7:21 pm

Dylan Parry wrote:

> Hi folks,
>
> I'm working on a few local government documents, and they
> require that document changes be tracked by striking
> through the deleted stuff and underlining the new stuff.
>
> Now this is fine until it comes to lists. Is there any way
> that one can cause the label for a list item to be
> underlined without affecting the actual content of that
> item? I can't see how it's possible, but if anyone can
> suggest any ideas I would be most grateful.


What do you mean by the label of a list item?
The list-style-image or number in front of it?
The only way I see to underline (or strike through) that without
doing it to the entire list item, is by faking it:

http://here.locusmeus.com/test/dylan.html

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Dylan Parry

2005-01-24, 7:21 pm

Els wrote:

> http://here.locusmeus.com/test/dylan.html


That's the exact effect I am looking for, Els. Unfortunately, as with
all "faked" ways of doing something it will break under certain
conditions :( In this case, it's when the list goes higher than 9 items!

I'm guessing that it's not possible to do it in a valid and idiot-proof
way. It's not too important really though, so it's okay.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Matthias Gutfeldt

2005-01-24, 7:21 pm

Dylan Parry wrote:
> Hi folks,
>
> I'm working on a few local government documents, and they require that
> document changes be tracked by striking through the deleted stuff and
> underlining the new stuff.


Fine in Word, but nonsense on the Web. IMveryHO only, of course.


> Now this is fine until it comes to lists. Is there any way that one can
> cause the label for a list item to be underlined without affecting the
> actual content of that item? I can't see how it's possible, but if
> anyone can suggest any ideas I would be most grateful.


Impossible to do reliably. But since Web documents aren't reliable
anyway, I wouldn't bother - just leave it at Word or PDF. I know your
boss won't agree :-).

A crummy workaround would be the old two-column table where the first
column holds the list marker, and the second column holds the list item.
Then you create three different gifs (regular, strike-through,
underlined), or just write in numbers with UL or DEL, respectively.


Matthias
--
Swiss Blog Feeds: http://www.blog.ch/
Bloggertreffen 19.03.2005 in Basel:
http://www.emacswiki.org/cgi-bin/al...gertreffen_2005

Els

2005-01-24, 7:21 pm

Dylan Parry wrote:

> Els wrote:
>
>
> That's the exact effect I am looking for, Els.
> Unfortunately, as with all "faked" ways of doing something
> it will break under certain conditions :( In this case,
> it's when the list goes higher than 9 items!


That's because of the list-style position.
Can add a space using a span (look at same url again), but it
won't be as nice as with the labels outside instead of inside
though.

> I'm guessing that it's not possible to do it in a valid and
> idiot-proof way. It's not too important really though, so
> it's okay.


idiot-proof?
local government documents?
<g>

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Crowded House - It's Only Natural
Dylan Parry

2005-01-24, 7:21 pm

Matthias Gutfeldt wrote:

> Fine in Word, but nonsense on the Web. IMveryHO only, of course.


Depends on how you are looking at it. As an archive of how the
documentation has evolved over time, it is invaluable.

<snip>
> Impossible to do reliably. But since Web documents aren't reliable
> anyway, I wouldn't bother - just leave it at Word or PDF. I know your
> boss won't agree :-).


Well, yes that would be one solution, but then they wouldn't be able to
form part of an interactive Website then :P

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Richard

2005-01-24, 7:21 pm

On Mon, 24 Jan 2005 14:11:34 +0000 Dylan Parry wrote:

> Hi folks,


> I'm working on a few local government documents, and they require that
> document changes be tracked by striking through the deleted stuff and
> underlining the new stuff.


> Now this is fine until it comes to lists. Is there any way that one can
> cause the label for a list item to be underlined without affecting the
> actual content of that item? I can't see how it's possible, but if
> anyone can suggest any ideas I would be most grateful.


> Cheers,



<li><div>text</div></li>

Do your text graphics through the division rather than the list item itself.
I have seen a few sites do what you're asking about but don't have a url at
the moment.

In your CSS you'd then want to use the "hover" feature.

a:hover {
border-color:gray;
background-color:#bbb7c7;
color:black;
}
li.folder a:hover {
background-color:#bbb7c7;
}

Just to show a couple of examples of how it's done.

The strikethrough stuff has been mostly deprecated so for that, you'd
probably need a script to do it with. Probably best done in php.


Richard

2005-01-24, 7:21 pm

On Mon, 24 Jan 2005 17:05:43 +0100 Matthias Gutfeldt wrote:

> Dylan Parry wrote:
[color=darkred]
[color=darkred]
> Fine in Word, but nonsense on the Web. IMveryHO only, of course.



[color=darkred]
> Impossible to do reliably. But since Web documents aren't reliable
> anyway, I wouldn't bother - just leave it at Word or PDF. I know your
> boss won't agree :-).


> A crummy workaround would be the old two-column table where the first
> column holds the list marker, and the second column holds the list
> item.
> Then you create three different gifs (regular, strike-through,
> underlined), or just write in numbers with UL or DEL, respectively.


Actually, it can be done with a bit of javascript.

<a href=""java script:strike();"" ...............>
Preferably though, that should be done with PHP to avoid users who turn off
JS.



Charles Sweeney

2005-01-24, 7:21 pm

Dylan Parry wrote

> Charles Sweeney wrote:
>
>
> I move quickly! I was doing that as a temp thing before Christmas, but
> I've since moved to a "proper" job. I'm now working as a web developer
> for a cartography company.


Well done that man!!

Do they use AutoCAD? I sell a little piece of software for that!

--
Charles Sweeney
http://CharlesSweeney.com
Dylan Parry

2005-01-24, 7:21 pm

Charles Sweeney wrote:

> Well done that man!!


Thanks :)

> Do they use AutoCAD? I sell a little piece of software for that!


Not as far as I am aware. We use MapInfo and ArcGIS for dealing with the
map data, and Illustrator/Photoshop for image manipulation. I'm
currently working on some ASP applications that do things like the OS
website et al.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Charles Sweeney

2005-01-24, 7:21 pm

Dylan Parry wrote

> Charles Sweeney wrote:
>
>
> Thanks :)
>
>
> Not as far as I am aware. We use MapInfo and ArcGIS for dealing with

the
> map data, and Illustrator/Photoshop for image manipulation. I'm
> currently working on some ASP applications that do things like the OS
> website et al.


Sounds fab! Autodesk GIS design server would be the Autodesk (AutoCAD)
equivalent:

http://www.autodesk.co.uk/adsk/serv...52932&id=979654

--
Charles Sweeney
http://CharlesSweeney.com
Toby Inkster

2005-01-26, 4:29 am

Dylan Parry wrote:

> I'm working on a few local government documents, and they require that
> document changes be tracked by striking through the deleted stuff and
> underlining the new stuff.


I hope you're using INS and DEL
<http://www.w3.org/TR/html401/struct/text.html#h-9.4>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Dylan Parry

2005-01-28, 7:42 pm

Toby Inkster wrote:

> I hope you're using INS and DEL


Of course! That and an associated stylesheet to get the desired effects.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews