trevor bayliss <[EMAIL PROTECTED]> wrote: David Hucklesby <[EMAIL PROTECTED]>
wrote: 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
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:
HTMLMember of the Medical Advisory Committee
CSS
-----
.gw_aTab img {float: right: border: 0 none; margin: 0 0 5px 5px;}
Adjust image margins to taste.
Cordially,
David
--
Hi David thank you for the pointers. I changed my css but I don´t get any
luck at the moment, maybe I think that I haven´t understood exactly where to
change the clear. Do you have your working example? Here is mine at present, I
changed the img to go outside the p as suggested. My present markup for the
block divs is below and the page where it can be seen is here
http://216.219.94.105/t_embeded_js.htm TIA: /* 3 panels content css */
#block-col-1 { background-color: #ffffff; float: left; width: 315px; clear:
left }
#block-col-2 { background-color: #ffffff; float: right; width: 315px; }
#block-col-3 { background-color: #ffffff; float: left; width: 315px; clear:
left }
#block-col-4 { background-color: #ffffff; float: right; width: 315px; }
#block-col-5 { background-color: #ffffff; float: left; width: 315px; clear:
left }
#block-col-6 { background-color: #ffffff; float: right; width: 315px; }
#block-col-7 { background-color: #ffffff; float: right; width: 600px; clear:
left }
#block p { margin: 6px; padding:0; }
#block-col-1 p { margin: 6px; padding:0; clear: left; }
#block-col-2 p { margin: 6px; padding:0; }
#block-col-3 p { margin: 6px; padding:0; clear: left; }
#block-col-4 p { margin: 6px; padding:0; }
#block-col-5 p { margin: 6px; padding:0; clear: left; }
#block-col-6 p { margin: 6px; padding:0; }
#block-col-7 p { margin: 6px; padding:0; clear: left; }
---------------------------------
Looking for a deal? Find great prices on flights and hotels with Yahoo!
FareChase.
______________________________________________________________________
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/
