Hi all
I have been trying to figure out how to wrap the background around the
image on the left, so that the image doesn’t stick out outside the
background. But I haven’t had any luck. Any help would be greatly
appreciated.
#block-12 .blockinner {
background-color: #F2F2F0;
margin:0 auto;
}
Hi,
I copied the code into my editor and redered it. It's abit hard to see
what you're trying to do. Can you explain a bit more.. is it for a
header? Could you replace the dummy content with somethig a bit more
meaningful because the text over the image, and text next to it is
that same s
Sorry about that. Hope it makes more sense now:
#block-12 .blockinner {
background-color: #F2F2F0;
margin:0 auto;
border: 1px solid red;
}
#block-12 .blockinner .top {
height:50px;
width:100%;
}
#block-12 .blockinner .border {
margin:-44px 0 0;
padding:1px 6px;
position:relative;
}
#blo
Thanks so much for your help Chris
Unfortunately I can't set a fixed height to the border wrapper as both the
image and the text will be variable :(
I've replaced my align: left with float: right, but for the life of my can't
work out what container to clear. I think I've tried all of them and sti
On Thu, 30 Sep 2010 07:22:44 +0100, Anthony wrote:
Sorry about that. Hope it makes more sense now:
Apply overflow: hidden; to your #block-12 .blockinner rules and the div
will contain the image.
The revised code that you provided is broken, and the fix above 'may' not
fix the other (f
Thanks so much for that Duncan
The overflow: hidden fix works in Firefox but not IE8 :(
A
On Thu, Sep 30, 2010 at 4:46 PM, Duncan Hill wrote:
> On Thu, 30 Sep 2010 07:22:44 +0100, Anthony wrote:
>
> Sorry about that. Hope it makes more sense now:
>>
>>
>
> Apply overflow: hidden; to your #bl