Topic: CSS links Pages that link to <a href="https://ozoneasylum.com/backlink?for=26058" title="Pages that link to Topic: CSS links" rel="nofollow" >Topic: CSS links\

 
Author Thread
redroy
Bipolar (III) Inmate

From: 1393
Insane since: Dec 2003

IP logged posted posted 06-18-2005 02:21 Edit Quote

I've noticed when designers are using css to make links a little more fancy they tend to use lists, or table cells... I was just goofing around making some links for a new site and came up with this. Just wondering if there is a reason designers don't do something like this (as far as I've seen). Is it totally breaking in browsers I'm unaware of, or maybe it's just nasty css?

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 06-18-2005 02:49 Edit Quote

Lists are used in most cases because a list is the proper semantic markup to use when presenting a list of links. Most such navigation setups are in fact lists in reality, so marking it up as such is just the proper way to go about it.

A table using a similar styling is, of course, the very improper way of doing it.

A simple div with the links just plopped out in sequence is just not very good practice. The CSS gives it it's prominence, while the markup just sits there doing nothing...

So it is not a matter of "when designers are using css to make links a little more fancy", it is a matter of designers using the proper markup to layout the links, and then using CSS to style them in whatever fashion, be it 'fancy' or other.

Hope that helps...

jstuartj
Bipolar (III) Inmate

From: Mpls, MN
Insane since: Dec 2000

IP logged posted posted 06-18-2005 06:37 Edit Quote

Well I did something similar, on my latest site, but offcourse used far to many <div>, but that's another issue. Perhaps a stupid question, but I have to ask, according my HTML 4.01 Guide, No other tags are legal with in a <li> tag. If this incorrect how do you place links to a list? I think I rember trying it and it was working but I was unsure as to the validity of such a technique. I missing something somewhere, are other tag valid within a <li>.

Perhap's I need to find a better guide.

J. Stuart J.

redroy
Bipolar (III) Inmate

From: 1393
Insane since: Dec 2003

IP logged posted posted 06-18-2005 07:00 Edit Quote

Ahh... I see; that's exactly what I was wondering, thanks DL!

HZR
Paranoid (IV) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 06-18-2005 12:47 Edit Quote
quote:
I missing something somewhere, are other tag valid within a <li>.


Yes, almost all element types are valid in LI (not HTML, HEAD, BODY and those that can only occur in HEAD). All of them are not valid as a direct children of course.

quote:
Perhap's I need to find a better guide.


If that's what it says, you should really find something better.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 06-18-2005 15:48 Edit Quote

jstuartj:

quote:
I missing something somewhere, are other tag valid within a
LI

Perhap's I need to find a better guide.

To do HTML4, the only suitable guide is the DTD of HTML 4. Actually to do anything based on SGML, the best guide is the DTD and the official recomandations of the W3C.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 06-18-2005 16:55 Edit Quote

And of course, if in doubt - send it through the Validator and see what it has to say...

jstuartj
Bipolar (III) Inmate

From: Mpls, MN
Insane since: Dec 2000

IP logged posted posted 06-19-2005 01:31 Edit Quote

Well that's good to know, I guess I will toss my "HIP pocket guide to HTML" from IDG books, then, or make a note, as is is nice being spiral bound to treat it as suspect. I picked up an O'reilly HTML / XHTML and their DHTML guide this morning.


J. Stuart J.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu