On 6/22/11 5:01 PM, Koen van der Drift 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;
}
Thanks,
- Koen.
Dunno. Wild guess. If you provide a clickable link to your page in your
post to the list, someone will be able to give specific and better advice...
#header {
background:url('my_banner.jpg') no-repeat;
min-height: 200px;
width: 776px;
}
#header h1, #header h2 {font-size: 100%; font-weight: normal; text-align:
right;}
#header h1 { margin: 160px 0 0 0; }
#header h2 {margin: 180px 0 0 0;}
* html #header {
height: 200px;
}/* 4 IE/6 -- does not support min-eheigt*/
Best,
~grasshopper
--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/
______________________________________________________________________
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/
