473,763 Members | 6,772 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

fixed images and layers advice please

Hi,

Is it possible to simulate frames behaviour with CSS?

Currently, I've used CSS to create the visual look of my old framed
site.
For this I've used styles that place the images at absolute positions.

Then I thought, if I fixed the image positions, the images will stay
put and the 'body' will scroll up, like in frames.

This too worked, except the 'body' content scrolled over the fixed
images.

The 'body' position is also set with a CSS absolute position.

Can I assign layers to the images and 'body' styles so that the 'body'
is beneath the images when it scrolls up?

Note part of the 'frame' at the top is set up with a repeat-x
background tile.

Below are the stylesheet snippets in question:
body {
color: #000000;
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: white url("images/index_topstrip. gif");
background-repeat: repeat-x;
background-position: top; <--not yet fixed position of this one
}

..style0 <--this one for the "body"
{
position: absolute;
top: 145px;
left: 160px
}

..style10 <--these ones onward for the fixed images
{
position: fixed;
top: 2px;
left: 0px
}

..style11
{
position: fixed;
top: 80px;
left: 0px
}

..style12
{
position: fixed;
top: 132px;
left: 0px
}
etc etc

Jul 21 '05 #1
2 5007
Els
hq******@hotmai l.com wrote:
Hi,

Is it possible to simulate frames behaviour with CSS?

Currently, I've used CSS to create the visual look of my old framed
site.
For this I've used styles that place the images at absolute positions.

Then I thought, if I fixed the image positions, the images will stay
put and the 'body' will scroll up,
yes.
like in frames.
no :-)
This too worked, except the 'body' content scrolled over the fixed
images.
of course ;-)
The 'body' position is also set with a CSS absolute position.

Can I assign layers to the images and 'body' styles so that the 'body'
is beneath the images when it scrolls up?
I'm guessing you are talking a "top frame" which stays visible all the
time while the "main frame" is a scrollable area?
Note part of the 'frame' at the top is set up with a repeat-x
background tile.
[snip stylesheet snippets]
etc etc


1) please provide a URL so we can see what you're talking about
2) reconsider the simulation of frames - why would you want the top
'frame' to stay put? Let it scroll up with the rest of the page, like
all normal* pages do? If a chunk of 'top frame' is to stay visible at
all times, it will also at all times eat up space in my window, that I
might want (need even!) to display the actual content of your page.

* overgeneralised , I know.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #2
hq******@hotmai l.com wrote:
Hi,

Is it possible to simulate frames behaviour with CSS?

Frameless Frames, the simulation of Frames behaviour with CSS.
http://www.ddj.com/documents/s=2988/nam1012434075/
by Eric Meyer is from early 1998, but explains clearly and easily.
Here is an example:
http://www.info.com.ph/~etan/w3panth...esnebulae.html
You can find others if you look for them.

--
Gus
Jul 21 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

98
6283
by: Pamel | last post by:
I know this must have been asked elsewhere, but I cannot find it. There is a piece of text on my web page that I don't want browsers to resize. IE won't resize it if I specify the size in px, but everything else will. Is there any way to prevent browsers from resizing text? If you could just point me to where this has already been answered, that would be great. Paul
3
1328
by: Dave | last post by:
Hi, I have an app that uses rollover images, but the images are still pulled from the web server during a mouseover instead of being pulled from memory. The code is as follows: the javascript: <script language="JavaScript"> function MM_findObj(n, d) {
2
1904
by: Trent | last post by:
Hey All, I am new to javascript and currently coding a site with scripts that are beyond my level of understanding. The problematic page has thumbnail images that can be clicked on to zoom in. When clicked, the preloaded larger image displays in a div layer that gets turned on. The problem is that ie sometimes does not display the image - the placeholder just stays blank. The script works fine in firefox and netscape (haven't tried...
4
5097
by: Rob Freundlich | last post by:
I have some servlet-generated tabular data that I need to present, so I'm using an HTML Table. In some cases, it can be quite large. I'm flushing the servlet output every N lines to push the data to the browser as it generates, and I've used "table-layout: fixed" for the table's CSS class. It works pretty well in Netscape (7.1 and higher) - the table is drawn pretty much as the rows are received by the browser. However, Internet...
4
1620
by: VR | last post by:
Hi, I am trying to have a menu item (which is an HTML img) to change as a mouse moves over it. So, my code looks something like this: <a onmouseover="ActivateImage('MyImage');" onmouseout="InactivateImage('MyImage');" href="javascript:void(FollowLink('MyImage'));">
61
4752
by: phil-news-nospam | last post by:
Why does SVG need a different tag than other images? IMHO, SVG should be implemented as an image type just like any other image type, allowing it to work with <img> tags, and ... here is the important part ... also work with backgrounds in other tags. I fail to see any wisdom in making SVG different than say PNG (of course the implementation of the rendering code would obvious be different). --
3
1725
by: blobb | last post by:
hi all, i have 50 hidden div layers with images insided, each is appr. 200kb big. i use this script to show/hide them, when neccesary: function init() { IE = (document.all) NC = (document.layers) Opera = (document.getElementById)
8
2834
by: dougawells | last post by:
I am having issues using layers due to the different ways that different browsers display them. I need to be able to layer some images together as they work independently of each other. For example - there is an image that is the background. Then, there are images used as buttons/links, then there are images that swap out based on certain clicks. All of these on the same page. Are there other options for layering images without using...
5
4116
by: remon87 | last post by:
I need some help. I have javasript that creates the submenu but it works if I have a text with css. I need it to do the same with a roll over images. so when I click on the image the submenu (images) shows with roll overs as well. That's what I have... <script type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc; }
0
9563
marktang
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...
0
9386
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,...
0
9822
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
8821
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
7366
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
6642
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
5270
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...
0
5405
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
3
2793
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.