Hey Guys,
I'm new to the WebStandardsGroup (I saw Russ' presentation at MXDU and decide to join up).
Anyhow, I read the tutorial on definition lists at MAX Design and noticed it said that search engines handle the content of definitions lists differently to other content? Is there any more information about this anywhere? I tried to search google but didn't come up with anything useful.
And secondly, I style the following page http://www.enpresiv.com to use similar alignment as you guys are trying to achieve, but I did it using UL.
I know it's not semantically correct, but I wasn't aware of dt's at the time. I'll go back and use dt's, but I'm interested to find out more about search engines and dt's (the temporary page I built does conform to XHTML 1 Strict though, and uses valid CSS).
So if anyone can shed some light on dt's and search engine thing, it'd be fantastic.
cheers,
-- Scott Mebberson Enpresiv Group
[EMAIL PROTECTED]
Robert Moser wrote:
Mark Stanton blurted out:
Sorry James - my point wasn't too clear.
I'm not concerned about the wrapping - sometimes things have to wrap. I just
want to make sure that each definition lines up vertically with its term.
This works in Firefox, but no IE.
Cheers
Mark
Here's a simple demo page for this (which doesn't use a DL). The problem is that IE stacks up the right side boxes with no gap between them, while Firefox aligns the tops of the right side boxes with those of the left. I don't have a fix for it, I'm just trying to help illustrate the problem.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html> <head> <title>Misalignment</title> <style> div { float: left; width: 40% } .div1 { height: 2em; background-color: blue; border: thin solid black; clear: both; } .div2 { height: 1em; background-color: red; border: thin solid green; } </style> <body> <div class="div1">This is div1</div><div class="div2">This is div2</div> <div class="div1">This is div1</div><div class="div2">This is div2</div> <div class="div1">This is div1</div><div class="div2">This is div2</div> <div class="div1">This is div1</div><div class="div2">This is div2</div> <div class="div1">This is div1</div><div class="div2">This is div2</div> <div class="div1">This is div1</div><div class="div2">This is div2</div> </body> </html> ***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
