On Fri, 13 Jul 2007 09:01:20 -0700 (PDT), trevor bayliss wrote:
>> [...] You can see exactly what I am aiming for on
>> the page
>> http://216.219.94.105/index.cfm which was done with tables. TIA
>>
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
>
> You are so-o-o-o close, Trevor.
> Delete those "clear: both;" declarations from #block-col-2, #block-col-4
> and so on. Well, that does it in Opera 9. Did not try other browsers.
>
> Thanks for the reply David, I tried removing all the div block clears but
> with no luck
> and it didn´t work for some reason. What I did instead is move the image tag
> into the p
> and that sort things out a bit (national and international panels in the
> middle of the
> page) http://216.219.94.105/t_embeded_js.htm so it is now
> <h2></h2><p><image></p> As
> you can see this is nearly there but I still need to get the equivalent
> effect of align
> left of the image (I don´t know how to express it any other way there must be
> a more
> technical way of saying it).
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sorry. I only looked at your default page, and removing the
"clear: both;" declarations (not the "clear: left;") fixed it this end.
The problem really exists on the tabbed pages, no? Confusing
me still is the markup for the default tab now differs from the
remaining tabs. I'll just refer to the markup for "National" for
clarity (I hope).
Were you to move the IMG element before the H2 in each
"#block-col-?" DIV, dispensing with any surrounding DIV or
P, then I imagine that simply aligning / floating the image *right*
would give you what you seek, Try:
HTML
-------
<div class="gw_aTab">
<div id="block-col-3">
<h2>National</h2>
<p>In the UK the consultancy focuses on the following areas:</p>
<ul class="areas"><li>Development of company health policies</li>
<li>Personnel selection and promotions</li>
<li>Industrial disease and injury claims</li>
</ul>
<h3>Examples of some recent projects include:</h3>
<!-- move the image to here : -->
<img src="images/companies/work.jpg" width="75" height="65" alt="Work
Foundation" />
<h2>Industrial Society (now Work Foundation)</h2>
<p>Member of the Medical Advisory Committee</p>
CSS
-----
.gw_aTab img {float: right: border: 0 none; margin: 0 0 5px 5px;}
Adjust image margins to taste.
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
