473,241 Members | 1,565 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,241 software developers and data experts.

layering images without layers?

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 layers, or Flash?

Thanks
Jun 27 '08 #1
8 2803
do********@gmail.com schreef:
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 layers, or Flash?

Thanks
You can apply z-index to your images if you want. I wonder which
behaviour you refer to when you say that layers behave different in
different browsers.

--
http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica
Jun 27 '08 #2
On Jun 4, 2:43 pm, Roderik <nos...@atall.nlwrote:
dougawe...@gmail.com schreef:
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 layers, or Flash?
Thanks

You can apply z-index to your images if you want. I wonder which
behaviour you refer to when you say that layers behave different in
different browsers.

--http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica
It's their position. I need certain images to appear at certain spots
- based on the underlying background image. Using layers with absolute
positioning, I tested in three different browsers (IE, Firefox,
Safari) and got three different results.
Jun 27 '08 #3
do********@gmail.com schreef:
On Jun 4, 2:43 pm, Roderik <nos...@atall.nlwrote:
>dougawe...@gmail.com schreef:
>>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 layers, or Flash?
Thanks
You can apply z-index to your images if you want. I wonder which
behaviour you refer to when you say that layers behave different in
different browsers.

--http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica

It's their position. I need certain images to appear at certain spots
- based on the underlying background image. Using layers with absolute
positioning, I tested in three different browsers (IE, Firefox,
Safari) and got three different results.
Do you have that test page somewhere online?

--
http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica
Jun 27 '08 #4
On Jun 4, 6:27 pm, Roderik <nos...@atall.nlwrote:
dougawe...@gmail.com schreef:
On Jun 4, 2:43 pm, Roderik <nos...@atall.nlwrote:
dougawe...@gmail.com schreef:
>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 layers, or Flash?
Thanks
You can apply z-index to your images if you want. I wonder which
behaviour you refer to when you say that layers behave different in
different browsers.
--http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica
It's their position. I need certain images to appear at certain spots
- based on the underlying background image. Using layers with absolute
positioning, I tested in three different browsers (IE, Firefox,
Safari) and got three different results.

Do you have that test page somewhere online?

--http://www.archytas.nl/
webdesign, internet applicaties, internetgestuurde elektronica
Hi - You can see some early work here: http://www.dnld.net/newsite/benke_enter.htm.
In Firefox, the rollover text is positioned close to correct, it's off
in IE, and off in a different way in Safari.
Jun 27 '08 #5
do********@gmail.com wrote:
Hi - You can see some early work here: http://www.dnld.net/newsite/benke_enter.htm.
In Firefox, the rollover text is positioned close to correct, it's off
in IE, and off in a different way in Safari.
That is not an webpage, it's an image!

Problems:

Images as text much larger than text! 100 KB for a measly 64 words!
Images as text not readable by screen readers
Images as text not index in search engines
All links are using JavaScript pseudo protocol.

Time to discover <p>And some text...</p>

and Google "CSS rollovers"

Lastly until your learn the basics, maybe not even after, do not use
"position: absolute" for anything.
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jun 27 '08 #6
On Jun 5, 10:26 am, "Jonathan N. Little" <lws4...@central.netwrote:
dougawe...@gmail.com wrote:
Hi - You can see some early work here:http://www.dnld.net/newsite/benke_enter.htm.
In Firefox, the rollover text is positioned close to correct, it's off
in IE, and off in a different way in Safari.

That is not an webpage, it's an image!

Problems:

Images as text much larger than text! 100 KB for a measly 64 words!
Images as text not readable by screen readers
Images as text not index in search engines
All links are using JavaScript pseudo protocol.

Time to discover <p>And some text...</p>

and Google "CSS rollovers"

Lastly until your learn the basics, maybe not even after, do not use
"position: absolute" for anything.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
Thanks for your thoughts - although I don't find them overly helpful.
I'm very clear on what the site is and is not - I did not design it, I
am trying to make it work with the design that was created. If I can't
make it work well, I will ask the designer to return to the drawing
board - or I will create the site in Flash. I was hoping there would
some tools that would be helpful to me with this design.
Jun 27 '08 #7
do********@gmail.com wrote:
On Jun 5, 10:26 am, "Jonathan N. Little" <lws4...@central.netwrote:
>dougawe...@gmail.com wrote:
>>Hi - You can see some early work here:http://www.dnld.net/newsite/benke_enter.htm.
In Firefox, the rollover text is positioned close to correct, it's off
in IE, and off in a different way in Safari.
That is not an webpage, it's an image!

Problems:

Images as text much larger than text! 100 KB for a measly 64 words!
Images as text not readable by screen readers
Images as text not index in search engines
All links are using JavaScript pseudo protocol.

Time to discover <p>And some text...</p>

and Google "CSS rollovers"

Lastly until your learn the basics, maybe not even after, do not use
"position: absolute" for anything.
>
Thanks for your thoughts - although I don't find them overly helpful.
I'm very clear on what the site is and is not - I did not design it, I
Apparently not. If you did you would see that what I offered was quite
helpful.
am trying to make it work with the design that was created. If I can't
make it work well, I will ask the designer to return to the drawing
board
I would suggest that you do. If he does not understand the problem then
it is time to find another designer.

- or I will create the site in Flash. I was hoping there would
some tools that would be helpful to me with this design.
Oh that will fix it, hey Travis another job for you!

Seriously! You do not have a webpage, as I said before you have an image
of a webpage. It could be easily done with a couple of images, with real
markup a bit of CSS and NO JavaScript! The advantages would be a
fraction of the bandwidth, legible and accessible to a range of users,
and be search engine friendly. How this would not be overly helpful
boggles the mind.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jun 27 '08 #8
Jonathan N. Little wrote:
do********@gmail.com wrote:
>On Jun 5, 10:26 am, "Jonathan N. Little" <lws4...@central.netwrote:
>>dougawe...@gmail.com wrote:
http://www.dnld.net/newsite/benke_enter.htm.

am trying to make it work with the design that was created.

You do not have a webpage, as I said before you have an image
of a webpage.
Yup - it is not a web design, but a print design. Some things just don't
translate that well to web media. A lot of graphic designers don't get this.
It could be easily done with a couple of images, with real
markup a bit of CSS and NO JavaScript! The advantages would be a
fraction of the bandwidth,
I'm not so sure about a fraction, but no doubt smaller. That background
jpg seems to be compressed about as good as it's gonna get, given the
extra large dimensions. It will never be lightweight, but would surely
be smaller if it weren't one big image including text. If the text and
variable wine bottle were separated, the browser could cache the largest
images and subsequent pages would be better off. There's no useful
caching now.
legible and accessible to a range of users,
and be search engine friendly. How this would not be overly helpful
boggles the mind.
Using plain text instead of pictures of text would be a big improvement
in all those things, but it really depends on who their target audience
is what they should do about it. I don't know anything about wine (never
touch the stuff) so I wouldn't be the one to offer marketing
suggestions, but Flash might actually be better suited to their target
market. The site as it stands now, however, is not good for anyone.

--
Berg
now killing all posts from google groups
Jun 27 '08 #9

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

Similar topics

3
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...
4
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');"...
4
by: Paul Keegstra | last post by:
Hello, I am working on a configurator application that needs to have a changing visual representation of the product being configured. I have a base image representing the 'core' requirements...
61
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...
3
by: vikash | last post by:
Hi, I want to develop a windows based application using .Net 2.0 The application will have the heavy UI and it will have the lots of drawing to do on the form. So can any one give me the...
8
by: Woodchuck | last post by:
Hi:) I've been trying to position some element's on my page and I can't come up with a way to equally position 4 DIV's in another DIV without explicitly setting the width of the "child" DIV's....
3
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 =...
5
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...
5
matheussousuke
by: matheussousuke | last post by:
Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

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.