PDA

View Full Version : Mouse pointer as 'hand' over popup item


Dimitris_K
01-23-2011, 01:20 PM
I have created a popum menu, but when mous is over my popup items, wchich are all links, the mouse pointer doesnt become the 'hand'.

Corrosive
01-23-2011, 01:29 PM
Hi

You need to use the cursor: pointer; rule in CSS; http://www.learnwebdesignonline.com/css-tutorials/cursor-hand-pointer.htm

Dimitris_K
01-23-2011, 01:33 PM
i visited that site but honestly, i didnt undrstand many things.. the css explanation was too compicated. are there 2-3 specific lines that i have to insert to my dreeamweaver code? and which are they?

Corrosive
01-23-2011, 01:37 PM
I posted at 1.29 and you come back at 1.33 and say you've read the page but didn't understand it! You need to accept there is a learning curve with building websites my friend or you're gonna find the whole thing VERY frustrating.

I can't direct you exactly what to do or where to put the code as I have no idea what your page code is.

Dimitris_K
01-23-2011, 02:02 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0121133748_0) return;
window.mm_menu_0121133748_0 = new Menu("root",132,20,"",14,"#CC9900","#33FF00","#FCFBF9","#000084","left","middle",3,0,500,-5,7,true,false,true,0,true,true);
mm_menu_0121133748_0.addMenuItem("ΔΙΑΚΟΣΜΗΣΗ","location='http://www.google.gr'");
mm_menu_0121133748_0.addMenuItem("Plexi&nbsp;Glass");
mm_menu_0121133748_0.addMenuItem("Αφίσες");
mm_menu_0121133748_0.hideOnMouseOut=true;
mm_menu_0121133748_0.bgColor='#555555';
mm_menu_0121133748_0.menuBorder=1;
mm_menu_0121133748_0.menuLiteBgColor='#FFFFFF';
mm_menu_0121133748_0.menuBorderBgColor='#777777';
window.mm_menu_0121135005_0 = new Menu("root",88,19,"",13,"#CC9900","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,500,-5,7,true,false,true,0,true,true);
mm_menu_0121135005_0.addMenuItem("Receipts");
mm_menu_0121135005_0.addMenuItem("Labels");
mm_menu_0121135005_0.hideOnMouseOut=true;
mm_menu_0121135005_0.bgColor='#555555';
mm_menu_0121135005_0.menuBorder=1;
mm_menu_0121135005_0.menuLiteBgColor='#FFFFFF';
mm_menu_0121135005_0.menuBorderBgColor='#777777';
window.mm_menu_0121142021_0_1 = new Menu("Bags",62,18,"",12,"#CC9900","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,500,-5,7,true,false,true,0,true,true);
mm_menu_0121142021_0_1.addMenuItem("Rosa");
mm_menu_0121142021_0_1.addMenuItem("Deco");
mm_menu_0121142021_0_1.hideOnMouseOut=true;
mm_menu_0121142021_0_1.bgColor='#555555';
mm_menu_0121142021_0_1.menuBorder=1;
mm_menu_0121142021_0_1.menuLiteBgColor='#FFFFFF';
mm_menu_0121142021_0_1.menuBorderBgColor='#777777' ;
window.mm_menu_0121142021_0_2 = new Menu("Boxes",75,18,"",12,"#CC9900","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,500,-5,7,true,false,true,0,true,true);
mm_menu_0121142021_0_2.addMenuItem("Weekly");
mm_menu_0121142021_0_2.addMenuItem("Cutter");
mm_menu_0121142021_0_2.hideOnMouseOut=true;
mm_menu_0121142021_0_2.bgColor='#555555';
mm_menu_0121142021_0_2.menuBorder=1;
mm_menu_0121142021_0_2.menuLiteBgColor='#FFFFFF';
mm_menu_0121142021_0_2.menuBorderBgColor='#777777' ;
window.mm_menu_0121142021_0 = new Menu("root",68,18,"",12,"#CC9900","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,500,-5,7,true,false,true,0,true,true);
mm_menu_0121142021_0.addMenuItem(mm_menu_012114202 1_0_1);
mm_menu_0121142021_0.addMenuItem(mm_menu_012114202 1_0_2);
mm_menu_0121142021_0.hideOnMouseOut=true;
mm_menu_0121142021_0.childMenuIcon="arrows.gif";
mm_menu_0121142021_0.bgColor='#555555';
mm_menu_0121142021_0.menuBorder=1;
mm_menu_0121142021_0.menuLiteBgColor='#FFFFFF';
mm_menu_0121142021_0.menuBorderBgColor='#777777';
mm_menu_0121142021_0.writeMenus();
} // mmLoadMenus()
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_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body onload="MM_preloadImages('analosima2.jpg','diafhmistika2.j pg')">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="755" height="362" border="0">
<tr>
<td height="136" colspan="3" valign="top"><a href="file:///C|/Documents and Settings/user/Επιφάνεια εργασίας/Προσωρινό.shs"></a></td>
</tr>
<tr>
<td width="143" height="63" valign="top"><!-- TemplateBeginEditable name="EditRegion1" --><img src="&Alpha;&nu;ώ&nu;&upsilon;&mu;&omicron;-1.jpg" name="image1" width="142" height="57" id="Image1" onmouseover="MM_swapImage('Image1','','Ανώνυμο-2.jpg',1);MM_showMenu(window.mm_menu_0121133748_0, 170,0,null,'image1')" onmouseout="MM_swapImgRestore();MM_startTimeout();" /><!-- TemplateEndEditable --></td>
<td width="327" rowspan="3">&nbsp;</td>
<td width="263" rowspan="3">&nbsp;</td>
</tr>
<tr>
<td height="76" valign="top"><!-- TemplateBeginEditable name="EditRegion2" --><img src="analosima.jpg" name="Image2" width="142" height="57" id="Image2" onmouseover="MM_swapImage('Image2','','analosima2.jpg',1);MM_sh owMenu(window.mm_menu_0121135005_0,142,0,null,'Ima ge2')" onmouseout="MM_swapImgRestore();MM_startTimeout();" /><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="EditRegion3" --><img src="diafhmistika.jpg" name="image2" width="142" height="57" id="Image3" onmouseover="MM_swapImage('Image3','','diafhmistika2.jpg',1);MM _showMenu(window.mm_menu_0121142021_0,142,0,null,' image2')" onmouseout="MM_swapImgRestore();MM_startTimeout();" /><!-- TemplateEndEditable --></td>
</tr>
</table>
</body>
</html>



did i help my friend with my code?

Corrosive
01-23-2011, 02:09 PM
Not really. Your navigation should be a list of links styled with CSS. You will struggle to use the cursor: pointer; CSS style unless you build your site and apply the style you require by giving an ID or a class to your menu. Tables aren't for layout.

Dimitris_K
01-23-2011, 02:12 PM
i honestly dont really know which style i require..all i know is that i want to make the menu items 'hand'. i am sorry for my ignorance on that.

Corrosive
01-23-2011, 02:19 PM
OK, I am not trying to say you are ignorant, but you are building a website without the very basic theory needed to create a modern website. CSS and HTML and knowing how to apply a style to a tag using an ID or class is rule one, day one of learning to create web pages.

Knowing this will make understanding my answers a lot easier. At the moment it is like trying to explain how to drive to someone when they have absolutely no idea what a car is!

The users on this site can help you out but not without you learning this stuff for a while; http://www.w3schools.com/

Sorry, that is the way it is. You are running before you can walk IMO.

Dimitris_K
01-23-2011, 02:20 PM
didnt cross my mind that it would be so hard for someone to give me a spedific solution. thanx for your time.

Corrosive
01-23-2011, 02:25 PM
didnt cross my mind that it would be so hard for someone to give me a spedific solution.

But I have given you a specific solution. That's the point ;)

johnMoss
01-23-2011, 04:38 PM
Ya know C, sittin' down here in Vallarta these past couple weeks, you were close, but I, indeed, through practical experience, have the perfect metaphor for this;

Hi Dimitris, what he's trying to say is you are attempting to drive a Lincoln Towncar over roads made for Hummers; you are guaranteed to run into problems because you are using the wrong equipment for your task. you may find a way to make it work the way you are doing it, only to have it break on you in a browser, or work very slow, code errors which penalize your site on google, & other assorted nasties...

His analysis is correct, you need to read up & learn some basics. And once you are in that direction, i.e. attempting to use proper scripting, you will find this site populated with eager assistance in one of two forms, bonafide experts, and people such as me who use solving your problems to become more proficient...

Take a break from what you are doing and spend a full day on basic CSS; Once done I assure you you'll understand it was time well spent...8)

Dimitris_K
01-23-2011, 06:18 PM
i know what u r talking about. i though i d avoid 3svhools. but it looks i cant:). coz really i dont wanna build a site. i just make some practise in dreamweaver. nth more.