CSS question

I was so excited when I found out that my slow rendering/downloading time on
my page was due to the Dreamweaver/Fireworks "factory installed" popup menus
(which do work the way they are meant to work in my opinion...just intense
on the code). Thanks to the Project VII PopUp Menu tutorial. Download has
decreased 75%! But I ran into a little problem with my content and navbar on
the pages.

My website (over 100 pages) has a navigation bar (this is a fireworks
popupmenu html file... now project vii pop up menu style) as a PHP include
inserted into each html document. Each document or webpage also has a HTML
centered table for content purposes. I designed the site in a way so that it
can be viewed 800X600 or 1024X768. When viewed on 800X600 fits perfect...
when viewed on 1024X768.... the background fills in the space inbetween the
sides. So the browser is expanding not the actual webpage... so it is nice
and center (same size) but now with background colored margins running down
each side.

So when I switched over to layers instead of my navigation bar table I
realized that all the layers are fixed on their position. I decreased to 800
X 600 and the new navigation bar is still in same position as when designed
in 1024X768 and now I have a horizontal scrollbar.

i know this must be a confusing email... but I thought I would try anyway.

Anyway around this... to have the layers "centered" but yet in certain
position so the navbar will work correctly.

thanks to all

webmaster cts wrote:

Anyway around this... to have the layers "centered" but yet in certain
position so the navbar will work correctly.

Two options:

1) use the 'snap layers' extention also available freely from PV11 website.

The extention snaps a layer to something on your page, usually and image.

2) If you are using table cells and images as the triggers for the
drop-menus you can firstly insert a relatively positioned <div> in the
table cell, then insert your trigger image into the relatively
positioned <div>, then insert into the relatively positioned <div> an
absolutely positioned <div>

The absolutely positioned <div> will take its co-ordinates, top/left
from the relatively positioned <div> inside the table cell.

So for instance if your trigger image is 30px deep set the absolutely
positioned <div> to top: 30px;/left: 0px;


Option 2 sounds more complex than what it actually is.

excellent... thank you very much. I will try both ways perhaps.


"webmaster cts" <webmaster (AT) flower-mound (DOT) com> wrote

I was so excited when I found out that my slow rendering/downloading time
on
my page was due to the Dreamweaver/Fireworks "factory installed" popup
menus
(which do work the way they are meant to work in my opinion...just intense
on the code). Thanks to the Project VII PopUp Menu tutorial. Download has
decreased 75%! But I ran into a little problem with my content and navbar
on
the pages.

My website (over 100 pages) has a navigation bar (this is a fireworks
popupmenu html file... now project vii pop up menu style) as a PHP include
inserted into each html document. Each document or webpage also has a HTML
centered table for content purposes. I designed the site in a way so that
it
can be viewed 800X600 or 1024X768. When viewed on 800X600 fits perfect...
when viewed on 1024X768.... the background fills in the space inbetween
the
sides. So the browser is expanding not the actual webpage... so it is nice
and center (same size) but now with background colored margins running
down
each side.

So when I switched over to layers instead of my navigation bar table I
realized that all the layers are fixed on their position. I decreased to
800
X 600 and the new navigation bar is still in same position as when
designed
in 1024X768 and now I have a horizontal scrollbar.

i know this must be a confusing email... but I thought I would try anyway.

Anyway around this... to have the layers "centered" but yet in certain
position so the navbar will work correctly.

thanks to all

Yes... your option 2 seems to work great... even if you resize the
windows... the popup menus/layers still stay where they are suppose to be.
Thank you so much!!!!



"webmaster cts" <webmaster (AT) flower-mound (DOT) com> wrote

excellent... thank you very much. I will try both ways perhaps.


"webmaster cts" <webmaster (AT) flower-mound (DOT) com> wrote in message
news:cd16rc$5as$1 (AT) forums (DOT) macromedia.com...
I was so excited when I found out that my slow rendering/downloading
time
on
my page was due to the Dreamweaver/Fireworks "factory installed" popup
menus
(which do work the way they are meant to work in my opinion...just
intense
on the code). Thanks to the Project VII PopUp Menu tutorial. Download
has
decreased 75%! But I ran into a little problem with my content and
navbar
on
the pages.

My website (over 100 pages) has a navigation bar (this is a fireworks
popupmenu html file... now project vii pop up menu style) as a PHP
include
inserted into each html document. Each document or webpage also has a
HTML
centered table for content purposes. I designed the site in a way so
that
it
can be viewed 800X600 or 1024X768. When viewed on 800X600 fits
perfect...
when viewed on 1024X768.... the background fills in the space inbetween
the
sides. So the browser is expanding not the actual webpage... so it is
nice
and center (same size) but now with background colored margins running
down
each side.

So when I switched over to layers instead of my navigation bar table I
realized that all the layers are fixed on their position. I decreased to
800
X 600 and the new navigation bar is still in same position as when
designed
in 1024X768 and now I have a horizontal scrollbar.

i know this must be a confusing email... but I thought I would try
anyway.

Anyway around this... to have the layers "centered" but yet in certain
position so the navbar will work correctly.

thanks to all