Page is corrupted when changing resolution

Question

Hi,
when I change the resolution of the page the texts are not
located well. my texts are inside hidden layers which show up when
moving with the mouse on every image. please take a look:
http://www.chaimassala.com/picturesfactsEnglish.html
Please help me
Thanks

Answer 1

Some comments on your page -
1. Your layer styles are each within a separate embedded
stylesheet -
<style type="text/css">
<!--
#Layer2 {
position:absolute;
width:187px;
height:60px;
z-index:1;
top: 253px;
left: 373px;
visibility: hidden;
-->
</style>
<style type="text/css">
<!--
#Layer3 {
position:absolute;
width:189px;
height:43px;
z-index:1;
left: 371px;
top: 253px;
visibility: hidden;
-->
</style>
<style type="text/css">
<!--
#Layer4 {
position:absolute;
width:200px;
height:47px;
z-index:1;
left: 379px;
top: 479px;
visibility: hidden;
-->
</style>
<style type="text/css">
<!--
#Layer5 {
position:absolute;
width:200px;
height:92px;
z-index:1;
left: 316px;
top: 521px;
visibility: hidden;
-->
</style>
<style type="text/css">
<!--
#Layer6 {
position:absolute;
width:200px;
height:40px;
z-index:1;
left: 352px;
top: 706px;
visibility: hidden;
-->
</style>
That's unnecessarily verbose. Try combining them all within a
single
stylesheet, e.g.,
<style type="text/css">
<!--
#Layer2 {
position:absolute;
width:187px;
height:60px;
z-index:1;
top: 253px;
left: 373px;
visibility: hidden;
#Layer3 {
position:absolute;
width:189px;
height:43px;
z-index:1;
left: 371px;
top: 253px;
visibility: hidden;
#Layer4 {
position:absolute;
width:200px;
height:47px;
z-index:1;
left: 379px;
top: 479px;
visibility: hidden;
#Layer5 {
position:absolute;
width:200px;
height:92px;
z-index:1;
left: 316px;
top: 521px;
visibility: hidden;
#Layer6 {
position:absolute;
width:200px;
height:40px;
z-index:1;
left: 352px;
top: 706px;
visibility: hidden;
-->
</style>
2. Your layers are all within table cells -
<th height="240" scope="col">...snip...
<div class="picturestext" id="Layer2" dir="rtl"
lang="he">
That's the primary cause of your problems. Read this to
discover why the
use of layers is so dangerous -
http://www.great-web-sights.com/g_layerlaws.asp
and this -
http://www.great-web-sights.com/g_layer-overlap.asp
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"yoni123" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> when I change the resolution of the page the texts are
not located well.
> my
> texts are inside hidden layers which show up when moving
with the mouse on
> every image. please take a look:
>
http://www.chaimassala.com/picturesfactsEnglish.html
> Please help me
> Thanks
>