8 replies [Last post]
captphatsidy
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2003-07-07
Posts: 3
Points: 0

About 7 years ago, I used to be very up-to-date on HTML. As soon as I stopped paying attention, the web went in a different direction and left me behind. Well, I am coding again but using old school methods. I'm trying to learn the new methods.

I've been into what Zeldman has been saying (http://www.zeldman.com), but I can't see anyone doing layouts in CSS like people used to in tables.

Examples:
http://www.icack.com/test.html
http://www.felicialoud.com/index.html

These are my sites. The code is super-sloppy. The tables are insanely nested. If I could make compliant code that is less complicated through CSS that would match these pages, I would do it.

Can it be done?

Thanks,
Chris

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 16 years 27 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Should I go CSS or tables?

The first layout (iCack) would be extremely easy to replicate without using any tables - the second one I can't even see as I'm using my at-work no images stylesheet and it seems to be entirely images.

Edit: Ah, just checked iCack in IE6 to see the graphic version, which won't be so easy to replicate - I didn't even know half that stuff was there with my all black 'n' white and no images stylesheet - not the most usable Wink

A Pedant Writes...
Into the mountain,
I will fall.

captphatsidy
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2003-07-07
Posts: 3
Points: 0

Should I go CSS or tables?

Just to be clear, I don't want it to be LIKE my old site. I want it to use images the same way as before.

And yes, the freesaba.com page is almost all images. There is only some text.

Can you show me examples of CSS using a lot of images in a layout similar?

Thanks
Chris

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 16 years 27 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Should I go CSS or tables?

I reckon it could be done in css, but you'd end up with a lot of superfluous markup which is only there to provide rounded corners and other graphical effects, when the whole point of CSS is to separate style from content as opposed to adding more non-functional markup to your pages.

A Pedant Writes...
Into the mountain,
I will fall.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 41 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

Should I go CSS or tables?

Can't show any examples I'm afraid, but there's no reason why it shouldn't be possible...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 16 years 27 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Should I go CSS or tables?

I can show you examples of the individual elements required, but none which use them all:

Rounded Corners
Rounded Headers
Tabs

A Pedant Writes...
Into the mountain,
I will fall.

captphatsidy
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2003-07-07
Posts: 3
Points: 0

Should I go CSS or tables?

All of those things are interesting and make me want to learn them, but I am more interested in finding out if I can use CSS to position images the same way tables do.

Any ideas on that?

Thanks,
Chris

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 6 years 26 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Should I go CSS or tables?

If you go to the Site Check forum, you will find example of web pages that have been designed and tested on CSS.

http//melbourne.ug.php.net

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 16 years 27 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Should I go CSS or tables?

Yep, that's easy peasy:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title>Page Title</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
  #thisImageId {
  position: absolute;
  top: 50px;
  left: 50px;
  }
  </style>
</head>
<body>
  <div id="someKindOfPageContainer">
    <img id="thisImageId" alt="important and meaningful alt text ;-)" src="/your/image.png" />
  </div>
</body>
</html>

....repeated ad nauseum Wink

A Pedant Writes...
Into the mountain,
I will fall.