Hello Jukka
>
>> I am trying to float an image right within a #content div. When I
>> place the following rule in the <head> element within <style> tags,
>> the image floats correctly.
>>
>> .floatright {
>> float: right;
>> margin: 0 0 10px 10px;
>> border: 1px solid #666;
>> }
>
Aaah! I used Firebug to check inheritance. When I changed the class to
(what the markup leads to...)

#content p img.floatright  {
float: right;
margin: 0 0 10px 10px;
}

the image floats correctly! So, the issue is inheritance?
>
>
>> Now, when I take the same class rule and place it within the main.css
>> stylesheet, the image does not see the rule.

This should have been my first clue!
>
>

Image appears correctly in both URLs now!

>URL with the <style> in the <head element>
>http://www.cenacoloamerica.org/cenacolo_1/about/
>
>Using the stylesheet alone
>http://www.cenacoloamerica.org/cenacolo_1/catechesis/
>
>(Please look kindly here <smile> Remember it's in development)

Cheers,
Dorothy

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to