d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > Dreamweaver/xhtml/css Help > Help Paying Fg For Easy Assistance.
12Next
Add Reply New Topic New Poll
Views: 552Replies: 10Track Topic
Member
Posts: 19,377
Joined: Jul 10 2007
Gold: 4,678.60
#1
May 3 2011 11:01am
im using dreamweaver cs4 to help make a page for my schools site
heres the link to the launched page

http://mendotahs.org/Student_Produced/sports.html

its not done obv but its a start. notice the navigation bar.

when i preview with IE on local it comes out fine.
its two different image over layed (using the navigation bar) so when hover over it glows.
It seems to be a problem with active X

i need some tips from expirenced users who know what they're doing if possible.
heres the code for the nav bar.

the hyperlinks still work but the images move around and disapear. (they're just targets.)

Code
<link href="Sports css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
  if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
    img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
    if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
    nbArr[nbArr.length] = img;
    for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
  } }
} else if (event == "over") {
  document.MM_nbOver = nbArr = new Array();
  for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
    if (!img.MM_up) img.MM_up = img.src;
    img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
    nbArr[nbArr.length] = img;
  }
} else if (event == "out" ) {
  for (i=0; i < document.MM_nbOver.length; i++) {
    img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
  nbArr = document[grpName];
  if (nbArr)
    for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
  document[grpName] = nbArr = new Array();
  for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
    if (!img.MM_up) img.MM_up = img.src;
    img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
    nbArr[nbArr.length] = img;
} }
}
//--><!-menu bar><!--menubar--><!--menubar--><!--menubar-->
<!--menubar--><!--menubar--><!--menubar--><!--menubar-->
</script>
<style type="text/css">
<!--
body,td,th {
color: #FFF;
}
body {
background-color: #909;
}
-->
</style></head>
<body onload="MM_preloadImages('IMAGES!/Tennis button glow.png','IMAGES!/soccer button glow.png','IMAGES!/Track Button glow.png','IMAGES!/softball button glow.png','IMAGES!/baseball button glow.png')">
<img src="images/mendota banner.jpg" width="600" height="100" alt="This is my mendota banner." /><br/>
<p>&nbsp;</p>
<p><br/>
<img src="images/Spring Sports.png" width="300" height="65" /><br/>


</p>
</p>
<table align="center" width="799" border="0" cellspacing="3" cellpadding="3">
<tr>
  <td width="787"><a href="#Tennis" target="_top" onclick="MM_nbGroup('down','group1','Tennisbutton','',1)" onmouseover="MM_nbGroup('over','Tennisbutton','IMAGES!/Tennis button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Tennis button.png" alt="" name="Tennisbutton" width="140" height="50" border="0" id="Tennisbutton" onload="" /></a> <a href="#soccer" target="_top" onclick="MM_nbGroup('down','group1','soccerbutton','',1)" onmouseover="MM_nbGroup('over','soccerbutton','IMAGES!/soccer button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/soccer button.png" alt="" name="soccerbutton" border="0" id="soccerbutton" onload="" /></a> <a href="#Track" target="_top" onclick="MM_nbGroup('down','group1','TrackButton','',1)" onmouseover="MM_nbGroup('over','TrackButton','IMAGES!/Track Button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Track Button.png" alt="" name="TrackButton" border="0" id="TrackButton" onload="" /></a> <a href="#Softball" target="_top" onclick="MM_nbGroup('down','group1','softballbutton','',1)" onmouseover="MM_nbGroup('over','softballbutton','IMAGES!/softball button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/softball button.png" alt="" name="softballbutton" border="0" id="softballbutton" onload="" /></a><a href="#baseball" target="_top" onclick="MM_nbGroup('down','group1','baseballbutton','',1)" onmouseover="MM_nbGroup('over','baseballbutton','IMAGES!/baseball button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/baseball button.png" alt="" name="baseballbutton" border="0" id="baseballbutton" onload="" /></a></td>
  <br/>
</tr>
</table>
<p>
<!--menubar-->
<!--menubar--><!--menubar--><!--menubar--><!--menubar-->
<!--menubar--><!--menubar--><!--menubar--><!--menubar--><!--menubar-->

<br/><br/>


This post was edited by lilwillis121 on May 3 2011 11:06am
Member
Posts: 13,630
Joined: Dec 4 2009
Gold: 0.00
#2
May 3 2011 11:02am
holy jesus, change the background color to something less harsh on the eyes

get the pictures for the navbar:hover stuff uploaded, because it rapes the layout when you hover over them.
Member
Posts: 19,377
Joined: Jul 10 2007
Gold: 4,678.60
#3
May 3 2011 11:04am
Quote (BreakPoint @ May 3 2011 11:02am)
holy jesus, change the background color to something less harsh on the eyes

get the pictures for the navbar:hover stuff uploaded, because it rapes the layout when you hover over them.


its not my decision, its the schools color. and everything is uploaded. and they're low quality png's
Member
Posts: 29,723
Joined: Jun 11 2007
Gold: 279.52
#4
May 3 2011 11:05am
Quote (lilwillis121 @ May 3 2011 05:01pm)
im using dreamweaver cs4 to help make a page for my schools site
heres the link to the launched page

http://mendotahs.org/Student%5FProduced/sports.html

its not done obv but its a start. notice the navigation bar.

when i preview with IE on local it comes out fine.
its two different image over layed (using the navigation bar) so when hover over it glows.

i need some tips from expirenced users who know what they're doing if possible.
heres the code for the nav bar.

the hyperlinks still work but the images move around and disapear. (they're just targets.)

Code
<link href="Sports css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
 var i,img,nbArr,args=MM_nbGroup.arguments;
 if (event == "init" && args.length > 2) {
   if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
     img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
     if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
     nbArr[nbArr.length] = img;
     for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
       if (!img.MM_up) img.MM_up = img.src;
       img.src = img.MM_dn = args[i+1];
       nbArr[nbArr.length] = img;
   } }
 } else if (event == "over") {
   document.MM_nbOver = nbArr = new Array();
   for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
     nbArr[nbArr.length] = img;
   }
 } else if (event == "out" ) {
   for (i=0; i < document.MM_nbOver.length; i++) {
     img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
 } else if (event == "down") {
   nbArr = document[grpName];
   if (nbArr)
     for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
   document[grpName] = nbArr = new Array();
   for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
     if (!img.MM_up) img.MM_up = img.src;
     img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
     nbArr[nbArr.length] = img;
 } }
}
//--><!-menu bar><!--menubar--><!--menubar--><!--menubar-->
<!--menubar--><!--menubar--><!--menubar--><!--menubar-->
</script>
<style type="text/css">
<!--
body,td,th {
color: #FFF;
}
body {
background-color: #909;
}
-->
</style></head>
<body onload="MM_preloadImages('IMAGES!/Tennis button glow.png','IMAGES!/soccer button glow.png','IMAGES!/Track Button glow.png','IMAGES!/softball button glow.png','IMAGES!/baseball button glow.png')">
<img src="images/mendota banner.jpg" width="600" height="100" alt="This is my mendota banner." /><br/>
<p>&nbsp;</p>
<p><br/>
 <img src="images/Spring Sports.png" width="300" height="65" /><br/>
 
 
</p>
</p>
<table align="center" width="799" border="0" cellspacing="3" cellpadding="3">
 <tr>
   <td width="787"><a href="#Tennis" target="_top" onclick="MM_nbGroup('down','group1','Tennisbutton','',1)" onmouseover="MM_nbGroup('over','Tennisbutton','IMAGES!/Tennis button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Tennis button.png" alt="" name="Tennisbutton" width="140" height="50" border="0" id="Tennisbutton" onload="" /></a> <a href="#soccer" target="_top" onclick="MM_nbGroup('down','group1','soccerbutton','',1)" onmouseover="MM_nbGroup('over','soccerbutton','IMAGES!/soccer button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/soccer button.png" alt="" name="soccerbutton" border="0" id="soccerbutton" onload="" /></a> <a href="#Track" target="_top" onclick="MM_nbGroup('down','group1','TrackButton','',1)" onmouseover="MM_nbGroup('over','TrackButton','IMAGES!/Track Button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Track Button.png" alt="" name="TrackButton" border="0" id="TrackButton" onload="" /></a> <a href="#Softball" target="_top" onclick="MM_nbGroup('down','group1','softballbutton','',1)" onmouseover="MM_nbGroup('over','softballbutton','IMAGES!/softball button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/softball button.png" alt="" name="softballbutton" border="0" id="softballbutton" onload="" /></a><a href="#baseball" target="_top" onclick="MM_nbGroup('down','group1','baseballbutton','',1)" onmouseover="MM_nbGroup('over','baseballbutton','IMAGES!/baseball button glow.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/baseball button.png" alt="" name="baseballbutton" border="0" id="baseballbutton" onload="" /></a></td>
   <br/>
 </tr>
</table>
<p>
 <!--menubar-->
 <!--menubar--><!--menubar--><!--menubar--><!--menubar-->
 <!--menubar--><!--menubar--><!--menubar--><!--menubar--><!--menubar-->
 
 <br/><br/>


Holy Hell. you do not need javascript for this. and tables?

you need to start all over.

not sure where you got all that code, but it is totally unnecessary.
Member
Posts: 19,377
Joined: Jul 10 2007
Gold: 4,678.60
#5
May 3 2011 11:08am
when your in dreamweaver and click insert nav bar all the code is there. i havent tampered with any of the code.

it just comes out like that. i dont know java or alot of the deep html so i dont mess with it.

its saposta be 5 imgs. with 5 images on top of those when you hover it switches to the img with glow around it.
would pay 250 if some one wants to make a nav bar with my images i can email them all. and make it work.
Member
Posts: 29,723
Joined: Jun 11 2007
Gold: 279.52
#6
May 3 2011 11:11am
Quote (lilwillis121 @ May 3 2011 05:08pm)
when your in dreamweaver and click insert nav bar all the code is there. i havent tampered with any of the code.

it just comes out like that. i dont know java or alot of the deep html so i dont mess with it.

its saposta be 5 imgs. with 5 images on top of those when you hover it switches to the img with glow around it.
would pay 250 if some one wants to make a nav bar with my images i can email them all. and make it work.


I can do this in about 10 minutes.
Member
Posts: 40,183
Joined: Apr 29 2006
Gold: 20,826.51
#7
May 3 2011 11:55am
Why are you using Navigation Bar?

Personally all that work just to do something simple...

I think it would be better if you had two (2) separate images, and when you place your mouse over, or if you click it, it changes to the other image.

Find a few websites that utilise what you want to achieve and "View Source" to give you an idea of what they are doing in the code.
Keyword... few websites... not just 1 or 2

Hope this helps
Member
Posts: 13,630
Joined: Dec 4 2009
Gold: 0.00
#8
May 3 2011 11:58am
Quote (lilwillis121 @ May 3 2011 10:04am)
its not my decision, its the schools color. and everything is uploaded. and they're low quality png's


well tell whoever is in charge that those colors are just terrible for a website.

those should be .gif, since the color is pretty flat. Did you even optimize them?

So they're uploaded? Then fix the mark up to make it go to the correct image. Right now, all the hover images are broken.
Member
Posts: 19,377
Joined: Jul 10 2007
Gold: 4,678.60
#9
May 3 2011 06:45pm
i think im just going to change the buttons all together. and just have hyperlinked img's in a table and make them look more like buttons. too hard to even realize they are indeed that. and the root of the problem lies with activex. they work fine before you enable activex then they fuck up.


Quote (BreakPoint @ May 3 2011 11:58am)
well tell whoever is in charge that those colors are just terrible for a website.

those should be .gif, since the color is pretty flat. Did you even optimize them?

So they're uploaded? Then fix the mark up to make it go to the correct image. Right now, all the hover images are broken.

i guess i dont really understand what your saying. i made the images in photoshop its just a simple text with a outline saved as a png. if i were to save as a gif. it wouldnt have a transparent bg, which is what i was going for. but its not really relavent i think im just gunna make seperate immages. also im going to switch back over to expressions web. seems to work better for me anyways. too much of a pain to deal with all the div tags.(not really relavant to this site but point stands.)

This post was edited by lilwillis121 on May 3 2011 06:48pm
Member
Posts: 13,630
Joined: Dec 4 2009
Gold: 0.00
#10
May 3 2011 09:05pm
Quote (lilwillis121 @ May 3 2011 05:45pm)
i think im just going to change the buttons all together. and just have hyperlinked img's in a table and make them look more like buttons. too hard to even realize they are indeed that. and the root of the problem lies with activex. they work fine before you enable activex then they fuck up.



i guess i dont really understand what your saying. i made the images in photoshop its just a simple text with a outline saved as a png. if i were to save as a gif. it wouldnt have a transparent bg, which is what i was going for. but its not really relavent i think im just gunna make seperate immages. also im going to switch back over to expressions web. seems to work better for me anyways. too much of a pain to deal with all the div tags.(not really relavant to this site but point stands.)


I mean the URL for the image is not working. When I hover over the navbar links, I get image broken links. I'm pretty positive that's not what your desired effect is. Have you looked at the website when it's on the server instead of only in dreamweaver?
Go Back To Programming & Development Topic List
12Next
Add Reply New Topic New Poll

© 2003-2026 d2jsp  Contact