modifying emx_naf_left.css for 800x600

Web Design Forum

Convenient web based access to our favorite web design Usenet groups

Web Design > Web Design > Dreamweaver > modifying emx_naf_left.css for 800x600

This is Interesting: Free Magazines for Graphics designers and webmasters

Last Thread Next Thread

Author

Thread

modifying emx_naf_left.css for 800x600

d2dpcs

09-16-04 - 12:15 AM

I used the emx_nav_left.css template in DMX 2004 for my website
(www.door2doorcomputer.com). It just isn't working well for me at 800x600. I
don't want visitors to see any changes to the site when they click to anothe
r
page and I don't want them to have to scroll left and right. I know that the
nav bar on the top of the page may be too wide and my pics on many of the pa
ges
are a limiting factor, too. I am interested in centering the whole site in t
he
middle of the page, so that it is centered at 800x600, 1024x768, 1280x1024, 
etc.

Thanks for your help ahead of time,
Eric

[ Post Follow-Up to this message ]

Re: modifying emx_naf_left.css for 800x600

Murray *TMM*

09-16-04 - 12:15 AM

You have basically gutted the whole page.  The CSS menus on the left (or
right) are missing, as are the subglobal menus.  That being the case, you
can delete this from your page since it's not needed at all -

<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 7;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>

as well as this -

<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>

Now - with regard to the layout, it sounds like you want a fixed width, but
centered arrangement - is that it?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================

"d2dpcs" <webforumsuser@macromedia.com> wrote in message
news:ci4dpn$5i8$1@forums.macromedia.com...
>I used the emx_nav_left.css template in DMX 2004 for my website
> (www.door2doorcomputer.com). It just isn't working well for me at 800x600.
> I
> don't want visitors to see any changes to the site when they click to
> another
> page and I don't want them to have to scroll left and right. I know that
> the
> nav bar on the top of the page may be too wide and my pics on many of the
> pages
> are a limiting factor, too. I am interested in centering the whole site in
> the
> middle of the page, so that it is centered at 800x600, 1024x768,
> 1280x1024, etc.
>
> Thanks for your help ahead of time,
> Eric
>

[ Post Follow-Up to this message ]

Re: modifying emx_naf_left.css for 800x600

d2dpcs

09-30-04 - 12:15 AM

Thanks for the reply and sorry for the delay. Yes, I do want a fixed width w
ith centered arrangement. Thanks for any help again.

[ Post Follow-Up to this message ]

Re: modifying emx_naf_left.css for 800x600

Murray *TMM*

09-30-04 - 12:15 AM

Very well.  Then add this to the CSS -

body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #cccccc url(../images/bg_grad.jpg) fixed;
text-align:center; /*Dang IE! */
}

#pageWrapper {
position:relative;
width:760px; /*adjust to suit */
margin:0 auto;
}

and change the HTML as follows.

Change this -

<body onmousemove="closesubnav(event);">
<div class="skipLinks">

to this -

<body onmousemove="closesubnav(event);">
<div id="pageWrapper">
<div class="skipLinks">

and this -

</body>

to this -

</div><!-- /pageWrapper -->
</body>

and see what happens.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================

"d2dpcs" <webforumsuser@macromedia.com> wrote in message
news:cjejdm$k6v$1@forums.macromedia.com...
> Thanks for the reply and sorry for the delay. Yes, I do want a fixed width
> with centered arrangement. Thanks for any help again.

[ Post Follow-Up to this message ]