This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > September 2004 > modifying emx_naf_left.css for 800x600
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
modifying emx_naf_left.css for 800x600
|
|
| d2dpcs 2004-09-15, 7:15 pm |
| 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
| |
| Murray *TMM* 2004-09-15, 7:15 pm |
| 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
>
| |
| d2dpcs 2004-09-29, 7:15 pm |
| Thanks for the reply and sorry for the delay. Yes, I do want a fixed width with centered arrangement. Thanks for any help again.
| |
| Murray *TMM* 2004-09-29, 7:15 pm |
| 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.
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|