|
| |
|
|
rubyaim
Posts: 757
Joined: 6/22/2005
Status: offline
 |
RE: How can I do this without a table? - 5/3/2006 19:03:50
Hi Duane, another option using a definition list. I've been playing around with code from Max Design.
Forgive the nursery rhymes, I get bored with latin text.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1252" />
<title>DL Test</title>
<style type="text/css">
dl.rhyme {
margin: 2em 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.85em;
}
.rhyme dt {
width: 10%;
float: left;
margin: 0;
padding: .5em;
font-weight: bold;
}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.rhyme dd {
float: left;
width: 80%;
margin: 0;
padding: .5em;
}
</style>
</head>
<body>
<dl class="rhyme">
<dt>Diddle</dt>
<dd>Hey, diddle, diddle, The cat and the fiddle, The cow jumped over the moon. The little dog laughed To see such sport, And the dish ran away with the spoon.</dd>
<dt>Twinkle</dt>
<dd>Twinkle, twinkle, little star, How I wonder what you are. Up above the world so high, Like a diamond in the sky. Twinkle, twinkle, little star, How I wonder what you are.</dd>
<dt>Pussycat</dt>
<dd>Pussycat, pussycat, where have you been? I've been to London to visit the Queen. Pussycat, pussycat, what did you there? I frightened a little mouse under her chair.</dd>
<dt>Spider</dt>
<dd>Eencey Weencey spider, climed up the water spout; Down came the rain, and washed poor Eencey out; Out came the sun, and dried up all the rain; And the Eencey Weencey spider, climbed up the spout again.</dd>
</dl>
</body>
</html>
_____________________________
Sally
|
|
|
|
BeTheBall
Posts: 6359
Joined: 6/21/2002
From: West Point Utah USA
Status: offline
|
RE: How can I do this without a table? - 5/3/2006 20:33:35
I wondered whether the use would be proper or not as well, but in this case one could argue that the text following the word note is a "definition" of that particular Note. Probably a stretch, but conceivable.
quote:
You should be able to see the page on my example properly now, I was mucking around with my css so things may have been unreadable when you got there.
Very nice jaybee. Thanks again to all for the help.
_____________________________
Duane
Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.
| |
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: How can I do this without a table? - 5/5/2006 10:03:26
You will, honestly Duane. It's a totally different way of looking at web designing/building and it takes a while to get to grips with it - but it really does become mostly very logical. There certainly are cross-browser issues but on the whole I'd suggest learning to avoid them rather than try to "fix" them all (which is possible but boring frankly).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
Anyways, that was a very quick 'throw together' just to give an example. It is simple and I like simple (if CSS can *ever* be simple that is.