Thank you for your reply Russ, this afternoon I went back and had another
look at it and discovered that I had written float: left instead of right.
Is my face red!!! I must have looked at it a hundred times and didn't really
see it. What I ended up doing was:
<div id="header">
<img alt="lvs" src="Images/star.gif" height="50" width="48" />
<h1>blah blah etc</h1>
</div>
and had a a style set up:
img {
border: 0;
float: right;
padding-top: 5px;
}
I had thought of using background-image but had seen this way somewhere and
thought I would try it.
I also had a look at your examples Russ, I knew you could have ''h1 class''
but didn't realise you could use "id" that way, thought it was only with
div. So today I have learnt two things.
Thanks again for your answer Russ and taking the time to do the samples.
Regards - Maureen
> Maureen,
>
> The main question would be this; do you want the logo to be included on
the
> page as essential content or do you see it as part of the presentation -
if
> it is the latter, then you are probably best off putting it inside the CSS
> rather than on the page.
>
> Once this decision is made, there are many way to achieve the result you
> need. One way would be to place the logo as a background image inside the
> div and align it to the right.
>
> Another way would be to place the logo inside the <h1> but wrap it in a
span
> and set the span to float right.
>
> Here are some examples in action for you - the first uses an inline
image -
> the second uses a background image.
> http://www.maxdesign.com.au/jobs/css/maureen/
>
>
> HTH
> Russ
>
>
> > Hi - I have been trying to create a div header with background colour,
> > border etc that has text (3 words) on the left and a logo on the same
line
> > but sitting on the right and I can't seem to get it right. I tried
including
> > the logo inside the h1 tags and this worked except for the position of
the
> > logo and I don't think that using repeated " " to move it across to
the
> > right is the correct way to do it.
> >
> > The logo is approx 50 x 48 and my code for the header is:
> >
> > #header{
> > background-color: #ffd2cd;
> > margin: 20px;
> > height: 60px;
> > border: 1px solid #666;
> > padding: 0 15px 10px 15px;
> > }
> >
> > I would appreciate any help you can give.
> >
> > Regards Maureen
>
> *****************************************************
> The discussion list for http://webstandardsgroup.org/
> *****************************************************
>
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
