LinuxQuestions.org
Support LQ: Use code LQ3 and save $3 on Domain Registration
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > General
User Name
Password
General This forum is for non-technical general discussion which can include both Linux and non-Linux topics. Have fun!

Notices

Reply
 
Search this Thread
Old 11-18-2004, 12:13 PM   #1
furfurdemon666
Member
 
Registered: Mar 2004
Posts: 171

Rep: Reputation: 30
Question Possible to create a frames effect in an HTML page without using frames?


I didn't know which section to post this under since it's not exclusive to Linux so here goes:

I'm wanting to "freeze" the left hand side of an html page without using frames, while allowing the right hand side to scroll freely. I hear this is possible with CSS but I'm a dummy when it comes to html/css.

If anyone has any code which does exactly what I'm looking for either css/html PLEASE post it here. Thanks for reading.
 
Old 11-18-2004, 12:16 PM   #2
secesh
Senior Member
 
Registered: Sep 2004
Location: Savannah, GA
Distribution: Ubuntu, Gentoo, Mythbuntu, ClarkConnect
Posts: 1,154

Rep: Reputation: 47
are you looking for a page that acts similar to this:

http://www.htmlgoodies.com/tutors/ie_style.html

??
 
Old 11-18-2004, 12:21 PM   #3
furfurdemon666
Member
 
Registered: Mar 2004
Posts: 171

Original Poster
Rep: Reputation: 30
Quote:
Originally posted by secesh
are you looking for a page that acts similar to this:

http://www.htmlgoodies.com/tutors/ie_style.html

??
Hi secesh, thanks again for your very quick reply!

The design on the link you mentioned doesn't "freeze" the left hand side like frames allow. I'll try to describe what I'm looking for. You see the link in my sig? That's my little website. I want to "freeze" the photo on each page to be on the left hand side and not move, while allowing the right hand side of the page (with the Links to other websites) to scroll freely with the left hand side of the page with the photo staying in place the entire time and not scrolling.

Any ideas??
 
Old 11-18-2004, 12:27 PM   #4
SciYro
Senior Member
 
Registered: Oct 2003
Location: hopefully not here
Distribution: Gentoo
Posts: 2,038

Rep: Reputation: 51
no, you must use frames

there is the option tho that you can set that image as the background image, and set it to freeze , tho i think it would require some site redesign
 
Old 11-18-2004, 12:32 PM   #5
secesh
Senior Member
 
Registered: Sep 2004
Location: Savannah, GA
Distribution: Ubuntu, Gentoo, Mythbuntu, ClarkConnect
Posts: 1,154

Rep: Reputation: 47
http://www.w3.org/Style/

how about that one?

looks like they're doing what you want with css/dhtml

excellent job, really...
 
Old 11-18-2004, 01:17 PM   #6
secesh
Senior Member
 
Registered: Sep 2004
Location: Savannah, GA
Distribution: Ubuntu, Gentoo, Mythbuntu, ClarkConnect
Posts: 1,154

Rep: Reputation: 47
...hmm... given that you only want an image to not move, why not use that as a non-repeating bg image with css 'fixed' option for the body... then set a table with dead cell of image width to structure the text around it....
 
Old 11-18-2004, 01:28 PM   #7
secesh
Senior Member
 
Registered: Sep 2004
Location: Savannah, GA
Distribution: Ubuntu, Gentoo, Mythbuntu, ClarkConnect
Posts: 1,154

Rep: Reputation: 47
here:

Code:
<html>
	<head>
		<style type="text/css">
			body {
				background-image: url('http://lotusleaf.nermal.net/002.jpg');
				background-repeat: no-repeat;
				background-attachment: fixed
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td width="442px;">&nbsp;</td>
				<td>
					look, i scroll!!! -- so, scroll down!
					<br><br><br><br><br><br><br><br><br><br><br><br>
					<br><br><br><br><br><br><br><br><br><br><br><br>
					<br><br><br><br><br><br><br><br><br><br><br><br>
					<br><br><br><br><br><br><br><br><br><br><br><br>
					<br><br><br><br><br><br><br><br><br><br><br><br>
					<br><br><br><br><br><br><br><br><br><br><br><br>
					but the picture does not!!!
				</td>
			</tr>
		</table>
	</body>
</html>
 
Old 11-18-2004, 10:16 PM   #8
scuzzman
Senior Member
 
Registered: May 2004
Location: Hilliard, Ohio, USA
Distribution: Slackware, Kubuntu
Posts: 1,851

Rep: Reputation: 47
Actually, i would use frames. Just in your frameset, set teh border=0 and resizeable=no on the keft frame
 
Old 11-18-2004, 10:34 PM   #9
secesh
Senior Member
 
Registered: Sep 2004
Location: Savannah, GA
Distribution: Ubuntu, Gentoo, Mythbuntu, ClarkConnect
Posts: 1,154

Rep: Reputation: 47
yeah, except that:
Quote:
I'm wanting to "freeze" the left hand side of an html page without using frames
what i'm wondering is: "what happened to the thread starter?"

--have we got this solved?
 
Old 11-19-2004, 02:42 AM   #10
theYinYeti
Senior Member
 
Registered: Jul 2004
Location: France
Distribution: Arch Linux
Posts: 1,897

Rep: Reputation: 61
If you want to have a scrolling part and a freezed part, then you have to use div tags. One will have style position:absolute, and the other will have position:fixed. Example:
Code:
<html><head>

<title>no-frames example</title>
<style type="text/css"><!--
  div.noscroll {
      position: fixed;
      top: 0;
      left: 0;
      width: 300px;
    }
  div.scroll {
      position: absolute;
      top: 0;
      left: 300px;
    }
--></style>

</head><body>

<div class="noscroll">
  <h1>Menu</h1>
  <ul>
    <li>item1...</li>
    <li>and so on...</li>
  </ul>
</div>
<div class="scroll">
  <p>This is the story of...
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    a paragraph that should be scrolling...
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    else you're using a too old browser.</p>
</div>

</body></html>
If that's not enough, and you want to update part of the page, you'll have to learn XMLHTTP.

Yves.
 
Old 12-12-2004, 06:52 AM   #11
furfurdemon666
Member
 
Registered: Mar 2004
Posts: 171

Original Poster
Rep: Reputation: 30
Thank you for all the very helpful responses, I appreciate it. Thanks secesh and theYinYeti for including some code for examples, very nice. Yes, this issue has been solved, thanks to the replies. Thanks again to all of the people who took the time to post.
 
  


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Simple PHP / HTML frames question Mq2004 Linux - Software 2 05-04-2005 10:36 AM
HTML frames javascript php problem rblampain Programming 4 04-08-2005 02:51 AM
Frames? Phat420 Linux - Networking 2 03-19-2003 10:12 AM
frames in html and php ranixlb Programming 3 12-04-2002 12:58 AM
frames dilberim82 General 3 08-02-2001 11:28 AM


All times are GMT -5. The time now is 11:36 PM.

Main Menu
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
identi.ca: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration