NONEI'm not sure what you're trying for. In the original index.html the logo is precisely where you say you want it: top left, to the left of the word "mission."
Floating it left and clearing it left isn't going to do much. If you want text to wrap up beside it with it on the left side of the page you need to float it left and clear it right, not left. Mnonic is if you want stuff to be on its right, clear it right; if you want stuff to be on its left clear it left. I had trouble getting that through my head for some reason, but clearing is my "bulldozer," it makes way for things to come up.
Your original "styles.css" was not in the zip, but your layout uses tables rather than css. If you try to layout one item "non-table" in a table-based layout, it's probably not going to work. If you're going to use tables, fine -- just orient the logo in a table cell. If you're going to use css, then you need to drop the "table thinking" and layout all of the elements using css.#div {background: url(image.gif) 0 0 no-repeat; width:120px; height:100px;}NONE<img src=http://www.webdeveloper.com/forum/archive/index.php/"logo.gif" class="Floatleftclear" style="height:75px; width:75px;">
I have no idea what you intend with the "in Css" part.
CSS is case sensitive. I don't know how you defined Floatleftclear, but if the call is not capitalized the same as the definition it won't work. Note also "width" rather then "Width" etc.NONE
Floating it left and clearing it left isn't going to do much. If you want text to wrap up beside it with it on the left side of the page you need to float it left and clear it right, not left. Mnonic is if you want stuff to be on its right, clear it right; if you want stuff to be on its left clear it left. I had trouble getting that through my head for some reason, but clearing is my "bulldozer," it makes way for things to come up.
Your original "styles.css" was not in the zip, but your layout uses tables rather than css. If you try to layout one item "non-table" in a table-based layout, it's probably not going to work. If you're going to use tables, fine -- just orient the logo in a table cell. If you're going to use css, then you need to drop the "table thinking" and layout all of the elements using css.#div {background: url(image.gif) 0 0 no-repeat; width:120px; height:100px;}NONE<img src=http://www.webdeveloper.com/forum/archive/index.php/"logo.gif" class="Floatleftclear" style="height:75px; width:75px;">
I have no idea what you intend with the "in Css" part.
CSS is case sensitive. I don't know how you defined Floatleftclear, but if the call is not capitalized the same as the definition it won't work. Note also "width" rather then "Width" etc.NONE