Previous Message
Next Message

table to CSS

Sent by Gary Ross on 29 September 2004 16:04


Looks pretty OK.
2 quick points.

1. Your HTML shouldn't describe the look but the semantic function.

So
<div class='border'> ----------> BAD
<div class='content'> ---------> GOOD

Why? Well, 'border' doesn't make sense from a semantic point of view, 
and further suppose you change your mind, and decide it looks better 
without a border. Then class='border' begins to sound a bit silly :-) 
Bit like people who do class='red' and then change the design to green 
and so class='red' is actually green! This problem doesn't occur if you 
do class='recipe' etc.

Typographically, your indents are wrong. Indent or space. Not both. 
Further don't indent (pretty much ever) the first paragraph. Thus:

Style A:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur 
tempor iaculis sem. Nam accumsan pulvinar felis. Quisque gravida. 
Suspendisse volutpat purus et nunc. Maecenas dictum pretium metus. 
Aenean a neque.

Donec porttitor lectus vel sapien. Nullam sit amet pede. Nam sed 
turpis. Fusce posuere. Cras sollicitudin diam. Aenean non sem. 
Phasellus vehicula lorem nec ipsum. In hac habitasse platea dictumst. 
Nunc id purus eu mauris faucibus adipiscing. Donec vel quam. Phasellus 
vehicula risus eu enim. Suspendisse potenti. Pellentesque fringilla 
feugiat est.

Style B:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur 
tempor iaculis sem. Nam accumsan pulvinar felis. Quisque gravida. 
Suspendisse volutpat purus et nunc. Maecenas dictum pretium metus. 
Aenean a neque. Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit. Curabitur tempor iaculis sem. Nam accumsan pulvinar felis. 
Quisque gravida. Suspendisse volutpat purus et nunc. Maecenas dictum 
pretium metus. Aenean a neque.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur 
tempor iaculis sem. Nam accumsan pulvinar felis. Quisque gravida. 
Suspendisse volutpat purus et nunc. Maecenas dictum pretium metus. 
Aenean a neque.
       Donec porttitor lectus vel sapien. Nullam sit amet pede. Nam sed 
turpis. Fusce posuere. Cras sollicitudin diam. Aenean non sem. 
Phasellus vehicula lorem nec ipsum. In hac habitasse platea dictumst. 
Nunc id purus eu mauris faucibus adipiscing. Donec vel quam. Phasellus 
vehicula risus eu enim. Suspendisse potenti. Pellentesque fringilla 
feugiat est. Donec porttitor lectus vel sapien. Nullam sit amet pede. 
Nam sed turpis. Fusce posuere. Cras sollicitudin diam. Aenean non sem. 
Phasellus vehicula lorem nec ipsum. In hac habitasse platea dictumst. 
Nunc id purus eu mauris faucibus adipiscing. Donec vel quam. Phasellus 
vehicula risus eu enim. Suspendisse potenti. Pellentesque fringilla 
feugiat est.

Gary


On 29 Sep 2004, at 10:33 pm, Mike wrote:

>
>
> Greetings,
>
> I am trying to duplicate a simple table using CSS

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: