[devGOD]

Hi, can someone help me with changing these sets of image boxes into css.

set 1: five boxes in a row same distance apart with the brownish color being the background like this. [brown 1-2px [pic insert] 1-2px brown]

set 2: single cream color box with border. [border [pic insert] border] cream color is the background, no space before border and pic insert

thanks in advance

http://pspdump.com/boxes.jpg

[herkalees]

For the five, I'd simply do something like this:

HTML:

<ul id="poopSmith">
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
</ul>

CSS:

#poopSmith li {
     background-color: brown;
     width: 80px;
     height: 60px;
     margin: 0 1px;
     float: left;
}

and for the single box:

HTML:

<span id="strongSad"></span>

CSS:

#strongSad {
     background-color: beige;
     border: 1px solid brown;
     width: 80px;
     height: 60px;
}

...of course, change the ID names to anything you desire...

[devGOD]

thanks =)

[resten]

wow kinda cool, thanks

[herkalees]

It's simple code my boys.

[pgo]

Don't be modest. You're a genius.

[herkalees]

Pfff

[devGOD]

hi i'm using the coding on another section of the community site and firefox is putting the bullet marks for some reason. it works fine on another page same coding.

[lmclaney]

add this to your css for the list:

list-style:none;

[devGOD]

Originally Posted by lmclaney

add this to your css for the list:

list-style:none;

SWEET!... you rock. thanks =)