|
rem_padding-left should be padding-left!
Don't know how rem_padding-left got there.
With Regards
Jaime Wong
~~~~~~~~~~~~~~~~~~~~~~~~~~
SODesires Design Team
~~~~~~~~~~~~~~~~~~~~~~~~~~
-------Original Message-------
Date: 03/13/04 18:27:31
Subject: Re: [WSG] text and graphic on one line
I use these for some fancy header.
.icon-Gal
{
background-image : url(icon_gal.gif);
background-repeat : no-repeat;
background-position : 125px;
padding-top : 1em;
border-bottom : 1px dotted #448687;
rem_padding-left : 3px;
}
OR
.blog-EntryDateHeader
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.3em;
font-weight : bold;
color : #BBB8A0;
letter-spacing : 2px;
text-transform : capitalize;
rem_padding-left : 50px;
background-image : url(rule_entries.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
Hope it helps in giving you more ideas. Not sure if it is a good way though because I normally just play around with my css and so happens that this works.
With Regards
Jaime Wong
~~~~~~~~~~~~~~~~~~~~~~~~~~
SODesires Design Team
~~~~~~~~~~~~~~~~~~~~~~~~~~
-------Original Message-------
Date: 03/13/04 13:21:02
Subject: Re: [WSG] text and graphic on one line
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.
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
*****************************************************
*****************************************************
. | 