469,270 Members | 1,664 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,270 developers. It's quick & easy.

setting logo/text position with stylesheet

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

Jan 31 '06 #1
1 2011
Els
da*************@gmail.com wrote:
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.
No, it doesn't (in Opera). I can see "The Multi Language Vocabulary ".
The word "Learner" hides behind the logo.
Right now I have a nasty mix of floats and relative offsets to get the
effect I want.
I won't look in the stylesheet then ;-)
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?


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
Jan 31 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

6 posts views Thread by Matthew Rees-George | last post: by
21 posts views Thread by Atanas Boev | last post: by
3 posts views Thread by ManChild | last post: by
9 posts views Thread by fleemo17 | last post: by
3 posts views Thread by Matthias Lohrer | last post: by
6 posts views Thread by =?Utf-8?B?QWxleCBNYWdoZW4=?= | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.