Snitz
Jan 18th, 2010, 10:24 AM
I have a css code that is applied to DD and DT elements that have 'status' and 'location' classes assigned. The problem the css output is not aligning with the img thumbnail that it is supposed to come under. (please see screenshot below)
This is the code, please advise.
dt.location, dd.location {
position:relative;
left:-90px;
}
dd.Status {
background-color:red;
color:white;
display:inline-block;
float:left;
font-weight:bold;
left:-120px;
position:relative;
text-align:center;
text-transform:uppercase;
width:90px;
}
dt.Status {
display:none;
}
This is the code, please advise.
dt.location, dd.location {
position:relative;
left:-90px;
}
dd.Status {
background-color:red;
color:white;
display:inline-block;
float:left;
font-weight:bold;
left:-120px;
position:relative;
text-align:center;
text-transform:uppercase;
width:90px;
}
dt.Status {
display:none;
}