put image slices in HTML or CSS??

[Captainkewl]

I have created a site and sliced it in fireworks, and exported it and I am now piecing it together using dreamweaver. I am using CSS to position the slices. Is there a better way to do what I'm doing. The way I am doing it seems rather tedious. I have attached screenshots of my HTML and CSS.

Thanks,
Kris.

[Captainkewl]

OR is this a better way to do it (see screenshots).

Thanks.

[Captainkewl]

I have created a site and sliced it in fireworks, and exported it and I am now piecing it together using dreamweaver. I am using CSS to position the slices. Is there a better way to do what I'm doing. The way I am doing it seems rather tedious. I have attached screenshots of my HTML and CSS. Are screenshots Untitled-1 and 2 correct, or screenshots Untitled-3 and 4?

Thanks,
Kris.

[WebJoel]

CSS:

<style>
.images {clear:left; float:left;.... }
...(etc)
</style>

<div>
  <img src="#" class="images" />
  <img src="#" class="images" />
  <img src="#" class="images" />
  <img src="#" class="images" />
  <img src="#" class="images" />
  (etc.)
  ....
  <img src="#" class="images" />
</div>

but would need to see you actual code to know if this is closer to what you are trying to do...
You do no need to 'DIV-itis' this... no need to wrap every image in a "DIV" and no need to bloat your CSS with a CLASS or ID for every DIV thereof... let the CSS 'cascade' through your HTML... state it once and let it be re-used.. Smaller code is faster-loading, less bandwidth, easier to maintain, etc.

Or, smaller still:

CSS:

<style>
#images img {clear:left; float:left;.... }
...(etc)
</style>

<div id="images">
  <img src="#" />
  <img src="#" />
  <img src="#" />
  <img src="#" />
  <img src="#" />
  (etc.)
  ....
  <img src="#" />
</div>

and says exactly the same thing.

[Captainkewl]

Very good point Joel. That makes a lot more sense. I have heard some people say that it's better to put the image URL in the css code rather than the HTML code. Does it really matter?
Kris.

[Fang]

Images that are decorative place as background in css.
Images that add to the 'content' place in the html.

[Captainkewl]

Okay, thanks for the clarification Fang