Mike Breiding wrote:
> Greetings,
> I am trying to have the blockquote *only* on the right side of the 
> image. This happens in IE6 but not FF.
> I tried various things, but to no avail.
>
>
> http://epicroadtrips.us/dad/journals/travel/usa/central_states_north_trip_june_2-15_1977#bobolink
> http://epicroadtrips.us/dad/journals/travel/usa/central_states_north_trip_june_2-15_1977/ert_index_style.css
>
> Any ideas?
>
> Thanks,
> -Mike
>
>   

This is one way you could do it.
Online please see:
uri
<http://www.chelseacreekstudio.com/ca/cssd/mike.htm>
css
<http://www.chelseacreekstudio.com/ca/cssd/mike_files/ert_inde.css>

css
#stuff{background: #f9f9f9;width:75%;clear: both;margin: 40px 0; 
overflow: hidden;}
#one{float:left;width:100%;}
#two{ margin-left:225px;padding-top: 10px;}
#two blockquote p {color: #804000;font-size: 95%; margin: 0; }
#three{background: #eee; float:left;width:225px;margin-left:-100%;}
#three img {display: block;width: 225px height: 454px; }

markup
<div id="stuff">
<div id="one">
<div id="two">
<blockquote>
<p>...</p>
<p class="source"><strong>Source:</strong> WikiPedia</p>
</blockquote>
</div>
</div>
<div id="three">
<img src="mike_files/bobolink.jpg" width="225" height="454" alt="" 
title="Bobolink from pa.us" />
</div>
</div>























-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

______________________________________________________________________
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