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 2 5007 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 - This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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
|
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) {
|
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...
|
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...
|
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'));">
| |
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).
--
|
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)
|
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...
|
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;
}
|
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: 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: 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: 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: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
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...
| |