Posted by Els on 01/09/18 11:53
©® wrote:
> I know they are (supposedly) old-hat, but I was thinking of adding a
> corner diagonal banner (see
> http://www.exploding-boy.com/images/banners/banners.html) to a website.
>
> Now what would need to be done so the banner fits your corner of your
> css layout and not extend to the edges of your screen. E.g. If you went
> to the root of the above link (http://www.exploding-boy.com/) and had
> the banner going over the top left hand (or right) corner where it says
> "EXP" in exploding boy i.e. top L/R corners of the white box and *not*
> the top L/R corners of the blue background. (Hope this makes sense!)
Just place the element inside div#page and give it position:absolute.
That #page is the white box, and it already has position:relative.
If you want the banner to cover the contents of div#page (#header for
instance), then place it right before the closing </div> of div#page.
--
Els http://locusmeus.com/
Navigation:
[Reply to this message]
|