On Wed, Jun 22, 2011 at 5:01 PM, Koen van der Drift
<[email protected]> wrote:
> Hi,
>
> I have a background image for my header (banner), and would like to
> put some text in the bottom right corner of the image. I can't figure
> out how to align the text near the bottom of the picture (or header
> div).
>
> See below for the html and css I am using now.
>
>
> <div id="header">
> <h1>My website</h1>
> <h2>Isn't it awesome?</h2>
> </div>
>
> #header
> {
> background:url('my_banner.jpg') no-repeat;
> }
>
> # header h1 h2
> {
> text-align: right;
> }
Try something like this:
<div id="header">
<div id="tag">
<h1>My website</h1>
<h2>Isn't it awesome?</h2>
</div>
</div>
#header {position: relative;}
#tag {position: absolute; right: 0; bottom: 0;}
~Tim
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
