Maybe some kind person can help with a suggestion or two ;-)
I want to construct a banner on a number of pages in the format:
LHS: Text (variable content) RHS. Logo
..... each with a different background colour.
The following test page shows what I'm trying to achieve (borders put in
for diagnostic purposes). http://www.gododdin.demon.co.uk/ng/testpage2.htm
It seems to work OK in IE6/Opera/Mozilla/Netscape -- except for one
thing.
When I adjust the size of the text to make it larger than 'normal', the
left-hand container expands downwards, to accommodate the additional
vertical space needed -- but what I need is a mechanism for locking the
right-hand container to that expansion in order to maintain the layout.
At the moment the RHS doesn't expand.
Any ideas how I might achieve this?
Thanks
--
Jake 4 2312
"jake" <ja**@gododdin. demon.co.uk> schrieb im Newsbeitrag
news:oj******** ******@gododdin .demon.co.uk... Maybe some kind person can help with a suggestion or two ;-)
I want to construct a banner on a number of pages in the format:
LHS: Text (variable content) RHS. Logo .... each with a different background colour.
The following test page shows what I'm trying to achieve (borders put in for diagnostic purposes).
http://www.gododdin.demon.co.uk/ng/testpage2.htm
It seems to work OK in IE6/Opera/Mozilla/Netscape -- except for one thing.
When I adjust the size of the text to make it larger than 'normal', the left-hand container expands downwards, to accommodate the additional vertical space needed -- but what I need is a mechanism for locking the right-hand container to that expansion in order to maintain the layout. At the moment the RHS doesn't expand.
Any ideas how I might achieve this?
I think you need a HTML table to do that.
--
Markus
jake wrote: LHS: Text (variable content) RHS. Logo .... each with a different background colour.
http://www.gododdin.demon.co.uk/ng/testpage2.htm
When I adjust the size of the text to make it larger than 'normal', the left-hand container expands downwards, to accommodate the additional vertical space needed -- but what I need is a mechanism for locking the right-hand container to that expansion in order to maintain the layout. At the moment the RHS doesn't expand.
I have not the time to test these ideas myself, but judging from the
page, you are certainly capable of executing these ideas and seeing if
it works.
1. display: table-cell (afaik, this only works in Opera)
2. assign height in em or ex to containing div; assign height of inner
divs to 100%
3. put a margin on the containing div and make bgcolor brown; use blue
bgcolor for h1 inside that containing div; positiong logo absolutely
I think this has been asked before, in the context of column layout
using css. Perhaps searching Google/ciwas will help?
--
Brian
follow the directions in my address to email me
In message <3mVKb.85259$xX .597221@attbi_s 02>, Brian
<us*****@juliet remblay.com.inv alid-remove-this-part> writes jake wrote: LHS: Text (variable content) RHS. Logo .... each with a different background colour. http://www.gododdin.demon.co.uk/ng/testpage2.htm When I adjust the size of the text to make it larger than 'normal', the left-hand container expands downwards, to accommodate the additional vertical space needed -- but what I need is a mechanism for locking the right-hand container to that expansion in order to maintain the layout. At the moment the RHS doesn't expand.
I have not the time to test these ideas myself, but judging from the page, you are certainly capable of executing these ideas and seeing if it works.
1. display: table-cell (afaik, this only works in Opera)
2. assign height in em or ex to containing div; assign height of inner divs to 100%
3. put a margin on the containing div and make bgcolor brown; use blue bgcolor for h1 inside that containing div; positiong logo absolutely
I think this has been asked before, in the context of column layout using css. Perhaps searching Google/ciwas will help?
Thanks for that.
I tried (2) and that seemed to work in IE, but not the others. So I set
the height on all 3 divs to 100% and that worked on all 4 browsers. As
the text is expanded, so both leftside and rightside divs stay in sync
:-) http://www.gododdin.demon.co.uk/ng/testpage3.htm
However, the approach breaks down when I try and make the text smaller
as when the 'leftside' div shrinks, it shows the background.
So -- I swapped the background colour of the container div from the
rightside div (brown) to the leftside div (green).
That works OK for text that's set smaller, but not text that's set
bigger.
So, I've now got a solution for when making text either bigger or
smaller -- but not both :-(
I have the feeling that there's a solution around here somewhere ...
I'll have a look around Google/ciwas and see what turns up.
regards
--
Jake
In message <3f************ *********@news. easynet.ch>, Markus Ernst
<derernst@NO#SP #AMgmx.ch> writes "jake" <ja**@gododdin. demon.co.uk> schrieb im Newsbeitrag news:oj******* *******@gododdi n.demon.co.uk.. . Maybe some kind person can help with a suggestion or two ;-)
I want to construct a banner on a number of pages in the format:
LHS: Text (variable content) RHS. Logo .... each with a different background colour.
The following test page shows what I'm trying to achieve (borders put in for diagnostic purposes).
http://www.gododdin.demon.co.uk/ng/testpage2.htm
It seems to work OK in IE6/Opera/Mozilla/Netscape -- except for one thing.
When I adjust the size of the text to make it larger than 'normal', the left-hand container expands downwards, to accommodate the additional vertical space needed -- but what I need is a mechanism for locking the right-hand container to that expansion in order to maintain the layout. At the moment the RHS doesn't expand.
Any ideas how I might achieve this?
I think you need a HTML table to do that.
Yes, that's one way of doing it.
I could also just create the text as a graphic -- so that it can't be
resized.
regards.
--
Jake This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Ray |
last post by:
I have a real puzzle, I figured someone on here could help. I have a
table that tracks all parents and children. I would like to set
iterate over all entities where I set a variable to equal a root
parent and return all relations disregarding why the relation exists.
Essentially here is what I would like to do however, this won't work
for obvious reasons:
select parent, (select child from table
start with parent = (select parent from...
|
by: SoloCDM |
last post by:
How do I keep my entire web page at a fixed width?
*********************************************************************
Signed,
SoloCDM
|
by: Dan |
last post by:
When a user clicks on a link in my menu, I want the background color
of the link that comes up in the hover to remain on the destination
page.
My menu looks like this:
<div id="adminmenu">
<a class="mainlink mainlink1" href="">Events</a><br>
<a class="mainlink mainlink2" href="">Home Page Teaser</a><br>
<a class="mainlink mainlink3" href="">Testimonials</a><br>
<a class="mainlink mainlink4" href="">Repertoire</a><br>
|
by: Heath |
last post by:
Here is my problem:
see: http://users.belgacom.net/gc905142/test.htm
If you have your resolution set to over 800x600 this issue will probably
never be a problem, but I am trying to make 800x600 my beginning point.
The problem is that the images width can change and I want to always
keep the two div's on the same line and always have them centered (The
height is always the same).
|
by: Freek te Water |
last post by:
Hi,
Hope no-one is offended by my probably noob question...
Context:
I have a web page design, which always centres in the middle of the
screen (using a 100%*100% HTML-table). Now I also use layers, that get
visible when something is clicked. All works fine.
Problem:
| |
by: Raffi |
last post by:
Here's my HTML code. What I'm trying to do is when the button is
pushed to refresh the popup window information, I want the popup to
return to the front. The way my code is now, when refreshed the popup
stays in the background confusing the users. Thanks for your help.
--------HTML Code------
<html>
<head>
<script language="javascript" type="text/javascript">
|
by: Martin Hesselbach |
last post by:
Hi folks,
I was trying to "pin" a menubar to the top of a site.
It should allways stay on its absolute position.
Especially when the user scrolls the page...
I did like this:
<div id="object1" style="position:absolute; visibility:left:50px;
top:50px"> MENU </div>
|
by: Sandman |
last post by:
Just looking for suggestion on how to do this in my Web application.
The goal is to keep track of what a user has and hasn't read and present him or
her with new material
I am currently doing this by aggregating new content from all databases into a
single indexed database and then saving a timestamp in the account database
(for the current user) that tells me when the user last read items in the
aggregated database.
|
by: travismorien |
last post by:
I hope there is an easy way to do this...
I'm doing a database which keeps track of things that people or
entities (entities = trusts and companies) own, among other things.
When assets are owned by individuals, its easy. I have a table listing
the various assets, a table listing the various people and entities and
a third table with the IDs of the people/entities and the IDs of the
assets they own.
|
by: Rune Jacobsen |
last post by:
Hi all,
In my project I have a control (described in an earlier post) which
basically consists of three "subcontrols": One big area where the vital
data is displayed (scrollable, since it will usually be larger than the
window containing the parent control), a time strip on top of it, and a
resource list on the left. Long story short - when someone scrolls the
scrollable data control, the time strip and resource lists are hooked to
keep...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
| |
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
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...
|
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...
|
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();...
|
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...
| |
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
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |