Taco Fleur wrote
>http://www.apartmentrealty.com.au/site/search/search-results.cfm
>The icons for bed, bath and parking do not display in the position they
>should in Firefox, they should be displayed in the grey table header on
the right
Hi Taco
Absolute positioning can throw up some nasty curveballs. May is may a
couple of alternative suggestions for display of your icons.
1 - If you wish to/need to keep the icons as images then float the
paragraph left and the div right, with a little padding:
#search-results table th div.legend {
float: right;
padding: 0 0.5em;
}
#search-results table th p {
float: left;
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
2 - If the icons are purely presentational then make up a set of
alternative backgrounds containing the combinations of possible icons,
apply a class to the paragraph and remove the div altogether:
#search-results table th p {
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
#search-results table th p.bedbathpark {
background: url('path/to/image/bedbathpark-icon') no-repeat
center right;
}
Regards
Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
