setting logo/text position with stylesheet

[danielmcbrearty@gmail.com]

Hi

At my site www.engoi.com I have a logo positioned right on the
titlebar, with a "oneliner" (the text next to it) by it. The oneliner
should end close to the logo, as it currently does.

Right now I have a nasty mix of floats and relative offsets to get the
effect I want.

I actually want the one liner ("The Multi Language Vocabulary Learner")
to be multilingual too, meaning it's length will change.

How can I improve this layout so that the right hand side of the text
holds it's correct position with respect to the logo, even the the
actual oneliner changes content?

(Actually all constructive comments on the design and layout of this
site are welcome.)

Thanks

Daniel

[Els]

Re: setting logo/text position with stylesheet

danielmcbrearty @gmail.com wrote:
[color=blue]
> Hi
>
> At my site www.engoi.com I have a logo positioned right on the
> titlebar, with a "oneliner" (the text next to it) by it. The oneliner
> should end close to the logo, as it currently does.[/color]

No, it doesn't (in Opera). I can see "The Multi Language Vocabulary ".
The word "Learner" hides behind the logo.
[color=blue]
> Right now I have a nasty mix of floats and relative offsets to get the
> effect I want.[/color]

I won't look in the stylesheet then ;-)
[color=blue]
> I actually want the one liner ("The Multi Language Vocabulary Learner")
> to be multilingual too, meaning it's length will change.
>
> How can I improve this layout so that the right hand side of the text
> holds it's correct position with respect to the logo, even the the
> actual oneliner changes content?[/color]

I would change your HTML to:
<div id="header">
<h1 id="engoilogo"> <img src="../img/engoi.gif" alt="engoi - the
multilanguage vocabulary learner">The Multi Language Vocabulary
Learner</h1>
<div id="membermenu" ></div>
<div id="menu"></div>
</div>

and do this in the stylesheet:
h1#engoilogo{
text-align:right;
}
h1#engoilogo img{
float:right;
margin-left:10px;
}
div#membermenu{
clear:both;
}

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: Jon Anderson - Meeting (Garden Of Geda) / Sound Out The
Galleon