put image slices in HTML or CSS??

@CaptainkewlFeb 08.2009

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.

to post a comment

CSS

@CaptainkewlauthorFeb 09.2009 — #OR is this a better way to do it (see screenshots).

Thanks.

@CaptainkewlauthorFeb 09.2009 — #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.

@WebJoelFeb 09.2009 — #CSS:

[code=html]<style>
 .images {clear:left; float:left;.... }
 ...(etc)
 </style>[/code]

[code=html]<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>[/code]

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.. :p Smaller code is faster-loading, less bandwidth, easier to maintain, etc.

Or, smaller still:

CSS:

[code=html]<style>
 #images img {clear:left; float:left;.... }
 ...(etc)
 </style>[/code]

[code=html]<div id="images">
 <img src="#" />
 <img src="#" />
 <img src="#" />
 <img src="#" />
 <img src="#" />
 (etc.)
 ....
 <img src="#" />
 </div>[/code]

and says exactly the same thing. ?

@CaptainkewlauthorFeb 09.2009 — #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.

@FangFeb 09.2009 — #Images that are decorative place as background in css.

Images that add to the 'content' place in the html.

@CaptainkewlauthorFeb 09.2009 — #Okay, thanks for the clarification Fang ?

put image slices in HTML or CSS??

6 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

put image slices in HTML or CSS??

6 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #CSS _↴