Sowjanya,
the proper way to do this is with <div> and
<span>, using CSS. Here
is some example code for a simple 3 column layout :-
<head>
<style>
#container {position:relative; display:block;
background:#0ac;
border-left:200px; border-right:200px;}
#inner {display:block; margin-left:-200px;
margin-right:-200px; padding:0px;}
#left {float:left; position:relative; width:200px;
margin:0px;
background:red; text-align: center; border-width:0px;}
#right {float:right; position:relative; width:200px;
margin:0px;
background:yellow; text-align: center; border-width:0px;}
#center {border-width:0px; position:relative; display:block;
background:
cyan; text-align: center;}
</style>
</head>
<div id="container">
<div id="inner">
<div id="left">This is the left
column</div>
<div id="right">This is the right
column</div>
<div id="center">This is the centre
column</div>
</div>
</div>
The important bit is the 'float:left; position:relative;'
and 'float:right;
position:relative;' in the CSS style section.
This page is part of a HTML tutorial, and covers CSS layout
and positioning
quite well :-
ht
tp://www.webreference.com/html/tutorial19/2.html
There are a number of ways to update part of the page when
you're not using
frames.
1) Use an embedded IFRAME and JavaScript to change the
content of a
<DIV>.
2) Preload the text you want to display, and use JavaScript
to make the
text visible.
3) Use AJAX to retrieve the data and update the content.
It depends on what type of content you're trying to display,
as to which of
these methods you need to use.
Rob.
-----Original Message-----
From: 1stJavaScript@yahoogroups.com
[mailto:1stJavaScript@yahoogroups.com] On
Behalf Of krishna sowjanya maddukuri
Sent: 01 June 2007 03:54
To: 1stJavaScript@yahoogroups.com
Subject: [1stJavaScript] HTML help
Hi,
Without using any frames how can we divide a page into 3
different
portions(Top,Left,Right portions) and how can we get a page
at right side
when we click a hyperlink on left side(should be on the same
page)
Can anyone plz help with some HTML code or examples
Thanks,
Sowjanya
************************************************************
***********************
Any opinions expressed in email are those of the individual
and not necessarily those of the company. This email and any
files transmitted with it are confidential and solely for
the use of the intended recipient
or entity to who they are addressed. It may contain material
protected by attorney-client privilege. If you are not the
intended recipient, or a person responsible for delivering
to the intended recipient, be advised that you have received
this email in error and that any use is strictly
prohibited.
Random House Group + 44 (0) 20 7840 8400
http://www.randomhouse.c
o.uk
http://www.booksat
transworld.co.uk
http://www.kidsatr
andomhouse.co.uk
Generic email address - enquiries randomhouse.co.uk
Name & Registered Office:
THE RANDOM HOUSE GROUP LIMITED
20 VAUXHALL BRIDGE ROAD
bond
SW1V 2SA
Random House Group Ltd is registered in the United Kingdom
with company No. 00954009, VAT number 102838980
************************************************************
***********************
For a quick response, your message should include,
- A copy of the code
- A copy of any error messages
- A description of what you're trying to achieve
- A description of what's actually happening
http://www.trans4mind.com/personal_developmen
t/HTMLGuide/index.html For HTML
http://www.trans4mind.com/personal_developme
nt/JavaScript/index.html For JavaScript
You can also download the JavaScript and HTML tutorials
(Nearly 2.5 megabytes.)
A 30 day version of jsEditor is available for free download
at
http://www.trans4mind.com/personal_devel
opment/JavaScript/freeEditor.htm
--------------------------
FREE zip/unzip program:
http://www.trans4mind.com/personal_development/z
ipper/index.html
--------------------------OR go to and change your
settings:
http://g
roups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner@yahoogroups.com
://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner@yahoogroups.com
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://g
roups.yahoo.com/group/1stJavaScript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http
://groups.yahoo.com/group/1stJavaScript/join
(Yahoo! ID required)
<*> To change settings via email:
mailto:1stJavaScript-digest@yahoogroups.com
mailto:1stJavaScript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
1stJavaScript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.c
om/info/terms/
|
