Hi,
I think the subject says it all...
thanks
ThunderMusic
6  2882 
or spans,
or position:relati ve
ok, lets say I want a structure that looks like www.yahoo.com
a top bar (title), a left bar (navigation menu), a content pan, a right
bar(actually full of things on yahoo, but I would put publicity) and a
bottom bar (copyrights and such).
I tried to position everything in absolute, but, probably because I'm no
expert with css, I can't seem to make this simple structure work correctly.
Could you give me a little hint please?
thanks
ThunderMusic
"Horace Nunley" <bi****@biteme. netwrote in message
news:e7******** ******@TK2MSFTN GP03.phx.gbl...
or spans,
or position:relati ve
The new Yahoo IS tableless now. Its a bit complicated, but take a look at
the source of the home page - its all there.
"ThunderMus ic" <No************ *************@N oSpAm.comwrote in message
news:%2******** ********@TK2MSF TNGP06.phx.gbl. ..
ok, lets say I want a structure that looks like www.yahoo.com
a top bar (title), a left bar (navigation menu), a content pan, a right
bar(actually full of things on yahoo, but I would put publicity) and a
bottom bar (copyrights and such).
I tried to position everything in absolute, but, probably because I'm no
expert with css, I can't seem to make this simple structure work
correctly. Could you give me a little hint please?
thanks
ThunderMusic
"Horace Nunley" <bi****@biteme. netwrote in message
news:e7******** ******@TK2MSFTN GP03.phx.gbl...
>or spans,
or position:relati ve
div are block elements, so by default they go on seperate lines. to put a
div side by side must be done with a css position command. in general to use
positioning, you need to set absolute heights and widths to divs, so you can
position them correctly. often you want client script to calc offsets based
on screen size.
try;
<html>
<body>
<div
style="backgrou nd-color:green;pos ition:absolute; left:10;top:10; width:400;heigh t:100;">
top
</div>
<div
style="backgrou nd-color:red;posit ion:absolute;le ft:10;top:610;w idth:400;height :100;">
bottom
</div>
<div>
<div
style="backgrou nd-color:blue;posi tion:absolute;l eft:10;top:110; width:100;heigh t:500;">
left
</div>
<div
style="backgrou nd-color:yellow;po sition:absolute ;left:110;top:1 10;width:300;he ight:500;">
right
</div>
</body>
</html>
"ThunderMus ic" <No************ *************@N oSpAm.comwrote in message
news:%2******** ********@TK2MSF TNGP06.phx.gbl. ..
ok, lets say I want a structure that looks like www.yahoo.com
a top bar (title), a left bar (navigation menu), a content pan, a right
bar(actually full of things on yahoo, but I would put publicity) and a
bottom bar (copyrights and such).
I tried to position everything in absolute, but, probably because I'm no
expert with css, I can't seem to make this simple structure work
correctly. Could you give me a little hint please?
thanks
ThunderMusic
"Horace Nunley" <bi****@biteme. netwrote in message
news:e7******** ******@TK2MSFTN GP03.phx.gbl...
>or spans,
or position:relati ve
Hello Thunder,
There is a lot of good information on how to do tableless layouts: http://www.google.com/search?hl=en&q=tableless+layout http://www.w3.org/2002/03/csslayout-howto (only covers three column layout
but adding the header and the footer aren't difficult) http://www.positioniseverything.net/piefecta-rigid.html - covers alot of the
gotcha's and has a pointer at the bottom of the page to a script which will
generate layouts for you
A couple of good books:
Bulletproof Web Design
CSS Mastery
Stylin' with CSS
Javascript + CSS + DOM Magic
(The books speak to absolute versus relative positioning as well as fluid
versus static design of pages.)
--
enjoy - brians http://www.limbertech.com
"ThunderMus ic" wrote:
ok, lets say I want a structure that looks like www.yahoo.com
a top bar (title), a left bar (navigation menu), a content pan, a right
bar(actually full of things on yahoo, but I would put publicity) and a
bottom bar (copyrights and such).
I tried to position everything in absolute, but, probably because I'm no
expert with css, I can't seem to make this simple structure work correctly.
Could you give me a little hint please?
thanks
ThunderMusic
"Horace Nunley" <bi****@biteme. netwrote in message
news:e7******** ******@TK2MSFTN GP03.phx.gbl...
or spans,
or position:relati ve
the third link seems to be exactly what I need, so I'll look at it when I
have time... ;) thanks a lot
"brians[MCSD]" <br********@dis cussions.micros oft.comwrote in message
news:D9******** *************** ***********@mic rosoft.com...
Hello Thunder,
There is a lot of good information on how to do tableless layouts:
http://www.google.com/search?hl=en&q=tableless+layout
http://www.w3.org/2002/03/csslayout-howto (only covers three column layout
but adding the header and the footer aren't difficult)
http://www.positioniseverything.net/piefecta-rigid.html - covers alot of
the
gotcha's and has a pointer at the bottom of the page to a script which
will
generate layouts for you
A couple of good books:
Bulletproof Web Design
CSS Mastery
Stylin' with CSS
Javascript + CSS + DOM Magic
(The books speak to absolute versus relative positioning as well as fluid
versus static design of pages.)
--
enjoy - brians
http://www.limbertech.com
"ThunderMus ic" wrote:
>ok, lets say I want a structure that looks like www.yahoo.com
a top bar (title), a left bar (navigation menu), a content pan, a right
bar(actually full of things on yahoo, but I would put publicity) and a
bottom bar (copyrights and such).
I tried to position everything in absolute, but, probably because I'm no
expert with css, I can't seem to make this simple structure work
correctly.
Could you give me a little hint please?
thanks
ThunderMusic
"Horace Nunley" <bi****@biteme. netwrote in message
news:e7******* *******@TK2MSFT NGP03.phx.gbl.. .
or spans,
or position:relati ve
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: Mike |
last post by:
I've been working on a pop-up menu, one of those where you mouse over
a button and a submenu pops up. Because the client wanted the menu
centered, I gave the starting point of the submenu an absolute
position, then used relative position to place the menu where I want
it beneath the buttons. The code for the menu is posted below (in
Javascript).
Although I can't get this to happen on my computer (using IE5.0, 5.5,
and Netscape 7.0), the...
|
by: Harald Kirsch |
last post by:
In the W3C document about CSS2, I read at
http://www.w3.org/TR/REC-CSS2/visuren.html#choose-position
the following:
absolute
The box's position (and possibly size) is specified with the
'left', 'right', 'top', and 'bottom' properties. These properties
|
by: Peter Pfannenschmid |
last post by:
Hello experts,
I would be very grateful if you would have a look at the following
URL:
http://www.omeganet.de/test.html
The html file and the associated style have been validated
successfully by the online validators of w3.org.
|
by: KiwiBrian |
last post by:
What would be the behaviour and characteristics of a div that was both
positioned absolute, and floated?
Are they contradictory or complementary regarding how the div is perceived
by other content?
Is it a valid or stupid thing to do?
Brian Tozer
|
by: alex |
last post by:
I'm playing around with css popups a la
http://www.meyerweb.com/eric/css/edge/popups/demo.html
for here:
http://www.redbrick.dcu.ie/~alex/golf/courseinfo.html
(css)
http://www.redbrick.dcu.ie/~alex/golf/css/golf-main.css
| | |
by: Laphan |
last post by:
Hi All
I have developed a site whereby it uses the contents of a folder (incs gifs,
jpgs and css files) to display the web 'skin' of the site. This is OK, but
each button on the site is an individual pic (I didn't want to use diff
colour INPUT boxes because I wanted to display graphical buttons, rounded
edges, etc - can you do this !?!?!) and now that I've done quite a few skins
when I update the site having to update all of the skins...
|
by: Pablito |
last post by:
Hi at all,
I have a little problem about position:absolute.
I want to position absolutely a menu bar.
if I write:
menubar {position: absolute;top:5.2em;}
with MSIE the menu bar is too height on the screen and is right on FireFox
elseif I write
menubar {position: absolute;top:100px;}
the menu bar is right with NSIE and not with FF
How can I do to have a crossbrowser result of my menu var?
|
by: Rob R. Ainscough |
last post by:
Ok, I gotta say I now believe in Voodoo & Magic after working with VS 2005
developing web pages.
I have a standard ASPX web page, the only two controls on the page are a
Label Control (WebControls.Label) and a Button (WebControls.Button). If I
place both controls using Layout = Relative they look correct on the web
page. But when I run the project they're relocated off screen somewhere.
If I go back to design mode and go into "Source"...
|
by: Markus |
last post by:
Hello
I have a navigation structured as follows:
<ul>
<li>
<a>Chapter1</a>
<ul>
<li><a>Chapter 1.1</a></li>
<li><a>Chapter 1.2</a></li>
|
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: 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: 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...
|
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...
|
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: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
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...
| |
