473,597 Members | 2,290 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2138
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
2028
by: Matthew Rees-George | last post by:
I want this example xml:- <xxx>text before <yyy att="value"/> text in the middle <zzz>ignored but transformed</zzz> text after</xxx> To be transformed to this:- text before value text in the middle 'found a zzz' text after I.e. the text positions must be preserved, but the element(s) must be transformed.
21
20674
by: Atanas Boev | last post by:
Is there any CSS way to make a <hr /> noshadow so I don't get the default 3D look in Netscape? I tried to use some border-bottom to make the line, but my "line" should be under text that is hanging to the right of a image with "float: left" and if I use border, the line is extended under the image. Also, I thing the <hr /> divider fits the meaning of the text quite well. But if somebody has better idea than using <hr /> thats also...
3
3611
by: ManChild | last post by:
I am kinda new to CSS and undertook a project to big for a noob. Either way I am almost done and have learned a lot, even in the last few days. I had an issue where I could not get a border to appear around the layout, I was advised here that using float would do that. I re-ordered the HTML a bit, abandoned the float and came up with the following layout. I had my victory dance today and then realized I had yet again failed. I have...
9
11798
by: fleemo17 | last post by:
I'm hoping a CSS guru can help me with what seems like a simple enough goal. What I'm going for is a large photo centered in the browser with text positioned on top of it. Using the CSS below, when the user resizes their browser window, the photo centers in the browser fine but the text box stays locked on the left hand side. Is there a way to have the text box move in relation to the photo when the browser is resized? Here's my CSS:
1
7480
by: alvinpoon | last post by:
Hello, I have a problem setting the scrollbar position of a div region on a webpage which is posted at http://www.geocities.com/virtuosity999/Logon.htm If the page is loaded with Netscape, the vertical scrollbar on the left side will be moved down a little bit but if the page is loaded with Internet explorer, the scrollbar remains at the top of the scroll area.
4
2881
by: sweep | last post by:
Hi there, I have a problem with some CSS I'm writing and I was looking for a little help. I have a nav bar at the top and left side of my page in CSS which work fine. The remaining space has a div which I'm using for body text. Floated to the right of this are two image boxes and a broken out quotation from the page (this box is wider than the images). The layout is working, except that the text in the main section doesn't seem to wrap...
3
2036
by: Matthias Lohrer | last post by:
Hi, my XML-Document hat this structure <book> <section> <para /> <para /> </section> <section> <para />
6
3583
by: =?Utf-8?B?QWxleCBNYWdoZW4=?= | last post by:
I want to insert a CSS Stylesheet file in a <LINKtag inside my MasterPage so that it will work in all of the the ASPX pages that use that MasterPage (no matter where the page is in the directory hierarchy). I tried adding <link type="text/css" rel="stylesheet" href="~/Shared/CSS/Standard.css" runat="server" /> in the <headsection of the MasterPage. When I look at the source of my pages later when I'm running it, it *does* seem to...
1
4187
by: littlealex | last post by:
IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being aligned to the top, along with the slideshow and link buttons, you have to scroll down to see the text - how can I make IE6 display correctly? http://geekarama.co.uk/new_home.html here is the code for new_home.html and following that the CSS...
0
8381
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8036
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8259
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6695
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
5847
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5434
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
3886
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
2404
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
0
1241
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.