Discuss: CSS Design: Taming Lists
by Mark Newhouse
- Editorial Comments
32 hi
I love rock & roll, put another dime on the jukebox baby. :-)
http://www.porn.com
:-)
posted at 12:28 pm on September 29, 2002 by
33 Good article
Man, I’d been trying to solicit an article on this from ALA for months… glad to see the subject finally hitting the site.
I recently got to design out semantic markup, XHTML and CSS into the recent redesign of [url=“http://www.res.com”]RES.com[/url] — We were in an incredible rush to match the re-launch of the magazine, so the templates are not as far along and I’d hoped them to be by launch, but we’re continuing to update and refine them on a daily basis, pretty much.
I think we hit the criticals: using styles on sematic markup like h1 and ul as much as possible, using absolute positioning and ordering main content at the top of the code for text and spoken browsers and slow connections, etc. There were some realistic compromises like using tables when certain table layout was needed and keeping the embed tag for flash (alt navigation is coming shortly). I would have liked to tap into pseudo-classes, multiple classes, and advanced selectors but they’re not quite there yet. But there’s enough in the browsers now that moving beyond Netscape 4 for our audience was a reality, and I’m hoping that it will help others either as inspiration, or at least a working example in a commercial site. :)
Anyone know of any other commericals sites doing the same? I’m very curious.
posted at 04:02 pm on September 29, 2002 by Noah Mittman
34 Another real world challenge
How about taking that real world example on more step? The next step is showing secondary menu items that are indented, and which are members of a list within a list.
Home
Hidden Cameras
Wide angle
Telephoto
CCTV Cameras
Employee Theft
posted at 04:23 pm on September 29, 2002 by Bob E
35 IE6 Jump, 2, Also & Yups
I noticed the IE6 “jump” as well — and on top of that it causes the right-side menu on ALA to flop down to the bottom of the entire page, thus destroying the layout, in effect.
To be honest, I’ve noticed this so-called “jump” effect on my own pages and just thought I was a sorry-a coder of CSS. So I guess now I’m a bit happy it isn’t just me.
Now, of course, I’m also worried that we’ve discovered an IE6/Win bug for CSS. In fact, just last night I was coding something, marked/coded an “a href” tag when added to a similar ALA-ish nav on my own quickly thrown together Web site and when I hovered over the mailto: the page jumped and bashed the nav all to bloody heck!
Any thoughts? Do I experiment more, post what I got somewhere so we can iron this out? Suggestions? Of course, we could keep this off the list and via email for anyone that has suggestions, etc. since I don’t know if my post here is totally on topic.
Thanks!
_ D.
posted at 05:46 am on September 30, 2002 by Dayn Riegel
36 Strike!
Hi everyone! I’d like to know if one can move the strike line in relation to a character. I.e, with certain font familys, if you strike a 0 (zero), it will seem like an 8 (eight). Is there any way to prevent it?
Thanks in advace,
best regards,
Filipe
posted at 05:54 am on September 30, 2002 by Filipe Miguel Tavares
37 re: Mozilla 1.2a rendering
Track the bug-fixin’ action at
http://bugzilla.mozilla.org/show_bug.cgi?id=171571
posted at 07:38 am on September 30, 2002 by Dave Anderson
38 Re: Mozilla rendering
Check out the bug-fix’n action at
http://bugzilla.mozilla.org/show_bug.cgi?id=171571
posted at 07:39 am on September 30, 2002 by Dave Anderson
39 Re: Another real world challenge
Isnt this extension already available? See:
http://www.meyerweb.com/eric/css/edge/menus/demo.html
posted at 01:04 pm on September 30, 2002 by Jason
40 CSS and single owner content publishing
First of all, I want to say I’m very glad with the article and the way it shows what you can do if you push your CSS skills.
Second of all, I want to say I’m 100% for seperating (semantic) markup from presentation, so please don’t throw bombs at me for not agreeing on that either.
but…
So far I haven’t read any discussion about the fact that the current state of CSS means you need to invest a lot to develop a technical skill. CSS is yet in an toddler state when it comes to user-friendliness.
Let me explain: if you own a corporate website, you hire people to do the presentation (i.e. CSS knowledgeable people and/or designers), you hire people that take care of the back-end and you want a system that enables your (decentralized) content producers to add new content to your website like they would be typing a Word document, so no technical skills required. right?
But the web is not a coporate place. Let’s say you are an enthusiastic amateur historian and you know everything that happened to the place you live in since 1426. So want to share your enthusiasm and knowledge and you make a website on which you publish your latest discoveries.
Our amateur historian is probably not a web-techniques-savvy person, so he or she does use, let’s say MS Frontpage, to produce and maintain the website. Goodbye seperation of structure and presentation, unless they push the right buttons by accident.
From an information point of view, that particular website could do very well with a good structured markup, so the likelihood that everyone in the world looking for the history of that particular place would end up on that website will be more likely. Am I right?
Sadly, if CSS gets more developed and more and more professional web producers start to make all those wonderful pages where markup and presentation is perfectly seperated, the information sources like our amateur historian will be pushed further and further into the dark corners of the WWW. While the website itself could be a unique and high valued source of specific information.
Unless Microsoft Frontpage will become so smart it produces the correct code. But my guess is that CSS (or any next generation language) needs to be developed into a more userfriendly tool first to be able to achieve that.
Any opinions about this? And the implications for the WWW as a little less unstructered information source?
posted at 01:48 pm on September 30, 2002 by Martijn ten Napel
Discussion Closed
New comments are not being accepted, but you are welcome to explore what people said before we closed the door.
Got something to say?
Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.
Create a new account or sign in below if you’d like to leave a comment.
Subscribe to this article's comments: RSS (what’s this?)






31 Another example
I´ve experimented some months ego with the matter. See http://www.hofthiergarten.de/
Shouldn’t we use <dl>, <dt> and <dd> tags instead of <ul> and <li> or are they forgotten, deprecated or whatever?
uvl 8-)
posted at 12:06 pm on September 29, 2002 by Uwe von Loh