And thanks - for both bits of information. I get the digest, and didn't
see the response about negative margins. Still playing with that.
I had actually tried the <BR> thing, but I was hoping that there might
be a more CSS-ey way of doing it.
But I still have the problem of the vertical images not being centered
in their divs.
Here is my HTML code:
<div class="imageRight">
<img src="./200706_SWV/20070610_0015_thumb.jpg" alt="Islands" />
<p>A couple of the islands in the Malaysian Archipelago (see text)
</p>
</div>
And my CSS:
div.imageRight {float:right; margin-left: 10px;
margin-top: 5px; margin-bottom: 10px; border: 3px #000000
solid;}
div.imageRight p {font-size: 8pt; font-style:italic; text-align: center;
width: 150px; margin: 0; padding: 0;}
div.imageRight img {padding: 0; text-align: center; margin-left: auto;
margin-right:auto; margin-bottom: -.5em;}
I tried putting "text-align: center" in the img rule instead of the autos,
but neither one worked.
Any suggestions?
thanks,
andy
Rick Faircloth wrote:
> Hi, Aaron...
>
> It looks like you're addressing two problems... one, trying
> to get the panorama to line up with your content margins.
> Someone suggested using negative margins... perhaps that will work.
>
> One the other issue, getting the text behind the panorama out from
> behind it. Why not just put some line-feeds (<br>'s) in the text
> to leave a gap above and below the panorama?
>
> e.g...
>
> text text text text text...
>
> -------------------------------------
> |
> | Panaroma
> |
> -------------------------------------
>
> text text text text text...
>
>
> Rick
>
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Andrew Wallace
> Sent: Monday, July 30, 2007 12:11 AM
> To: Aaron Gray
> Cc: [email protected]
> Subject: Re: [css-d] CSS image/div handling questions...
>
> Yep. that's one of the problems I'm trying to fix. I have two
> divs, one floated right, one floated left. I was trying to
> push the panorama across both divs by absolute positioning,
> but that doesn't work well. That's point 3 on my list - is there
> another way to do this, or some way to force the "back" text
> down so that it's no covered up?
> andy
>
> Aaron Gray wrote:
>> Hi Andy,
>>
>>> I changed that during my validation run earlier. But now we're
>>> back to square one. Sigh.
>>>
>>> thanks for taking the trouble, Aaron.
>> Thats better, but, the panorama is a bit oddly placed.
>>
>> Heres a screen dump :-
>>
>> http://www.aarongray.org/feedback/screendump.PNG
>>
>> Aaron
>>
>>> Aaron Gray wrote:
>>>>> Ok, that was excellent advice. I went through my entire site, and
>>>>> found quite a bit of cruft to clean up.
>>>>>
>>>>> BUT, the problems remain:
>>>> I am getting a blank blackish page on IE6
>>>>
>>>>>> The easiest way to resolve any html/css problem is to make sure the
>>>>>> document is valid [1]. There are something like 49 markup errors on
>>>>>> your
>>>>>> page. A well constructed page can sometimes fail to render properly
>>>>>> with
>>>>>> one markup error. Granted your page may not, or probably will not,
>>>>>> work
>>>>>> as intended even if valid, this may be the best place to start...
>>>>>>
>>>>>> [1] <http://validator.w3.org/>
>>>>>>
>>>>>> Best,
>>>>>>
>>>>>> ~dL
>>>>
>>> --
>>> Outside of a dog, a book is a man's best friend. Inside of a dog it's
>>> too dark to read.
>>>
>>> DiamondW Studios Photography - http://www.diamondw.net
>>> ______________________________________________________________________
>>> 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/
>>>
>>>
>>> --
>>> No virus found in this incoming message.
>>> Checked by AVG Free Edition.
>>> Version: 7.5.476 / Virus Database: 269.10.23/924 - Release Date:
>>> 28/07/2007 15:50
>>>
>>>
>>
>
--
Outside of a dog, a book is a man's best friend. Inside of a dog it's
too dark to read.
DiamondW Studios Photography - http://www.diamondw.net
______________________________________________________________________
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/
