Topic: css placement question

[Steve]

when working with CSS i often find myself playing "trial and error" guessing games with placement. I mean, for example take this code:

Code: [Select]

.tanya-myspace-div-overlay-final-03 {
position:absolute;
left:50%;
top:125px;
width:800px;
z-index:1;
margin-left:-400px;
}
Most of you know what this is, but here is a quick rundown. I'm declaring a class for my one image, and defining its properties. The one im specifically asking about is top:125px. I find myself often times changing this number, looking at the page, change it some more, etc. Is there a grid style chart anywhere online that shows placement by px? Obviously it would be like 0, 10, 20, etc but it would be very helpful.

The current project is a myspace overlay, and the common setting for top is 125. But in this case, i need to tweak it, and im really getting tired of refreshes since i have about 20-30 classes to adjust.

[Mike]

jesus fucking christ are your class names long enough?

Learn some freakin inheritence or some crap.

[Steve]

i took the easy way out on this project, and generated the css from the psd after some quick slices. Had i written the code from scratch i would never name anything like that