GIDForums  

Go Back   GIDForums > Webmaster Forums > Web Design Forum
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

 
 
Thread Tools Search this Thread Rate Thread
  #1  
Old 02-Nov-2005, 09:59
wood1e wood1e is offline
New Member
 
Join Date: May 2005
Posts: 11
wood1e is on a distinguished road

css menu problem


--------------------------------------------------------------------------------

Hi,

I am gettting myself in a pickle as I can't seem to figure out how to change elements to my CSS menu...

The problem I have is that the borders have disappeared around the main menu, and when you mouseover the "services" link next to it moves over? And I can't get the sub menu for "services" and "Approved centre" to align underneath the main links (serviecs and approved centre"

http://www.synaxissolutions.co.uk/test/chaplane/index.htm

Can anyone help? I reallt am stuck no matter what tutorials or help I look at..
  #2  
Old 04-Nov-2005, 01:23
desbest desbest is offline
New Member
 
Join Date: Mar 2005
Posts: 9
desbest is on a distinguished road

Re: css menu problem


can we see your menu and code?
  #3  
Old 04-Nov-2005, 04:57
wood1e wood1e is offline
New Member
 
Join Date: May 2005
Posts: 11
wood1e is on a distinguished road

Re: css menu problem


HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Chaplane Accident Repair</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META http-equiv=TITLE content=""> <META content="" name=Description> <META content="" name=keywords> <META content=synaxissolutions.co.uk name=author> <LINK href="images/chaplane.css" type=text/css rel=stylesheet> <script type="text/javascript"> startList = function() { if (document.all && document.getElementById) { navRoot = document.getElementById("dmenu"); for (i=0; i < navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; //--> </script> <META content="MSHTML 6.00.2800.1498" name=GENERATOR> </HEAD> <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0> <TBODY> <TR> <TD vAlign=top align=left> <div align="center"><img src="images/chaplanefont.gif" alt="Chaplane Accident Repair" width="648" height="75"><br> <img src="images/Untitled-1.gif" alt="Chaplane Accident Repair" width="507" height="39"></div></TD> </TR> <TR> <TD vAlign=top align=left> <TABLE width=754 align=center cellPadding=0 cellSpacing=0 > <TBODY> <TR vAlign=top align=left> <TD class="image" rowSpan=3><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="316" height="250"> <param name="movie" value="images/Movie2.swf"> <param name="quality" value="high"> <embed src="images/Movie2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="316" height="250"></embed> </object></TD> <TD width=6></TD> <TD width=432 class="image" height=94 align=left valign="top" bgcolor="#FFFF99"> <ul class="topmenu" id="dmenu"> <li class="topmenuli"><a href="index.htm" class="topmenutitle">Home</a> </li> <li class="topmenuli"><a href="aboutus.htm" class="topmenutitle">About Us</a> </li> <li class="topmenuli"><a href="services.htm" class="topmenutitle">Services</a> <ul class="submenuul"> <li class="submenuli"><a href="repair.htm">Car Repair</a></li> <li class="submenuli"><a href="nonfault.htm">Non-Fault</a></li> <li class="submenuli"><a href="light.htm">Light-Commercial</a></li> <li class="submenuli"><a href="paintshop.htm">Spray Shop</a></li> </ul> </li> <li class="topmenuli"><a href="approved.htm" class="topmenutitle">Approved Centre</a> <ul class="submenuul"> <li class="submenuli"><a href="porsche.htm">Porsche</a></li> <li class="submenuli"><a href="Honda.htm">Honda</a></li> <li class="submenuli"><a href="Subaru.htm">Subaru</a></li> </ul> </li> <li class="topmenuli"><a href="contacts.htm" class="topmenutitle">Contacts</a> </ul> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p class="style2">Welcome to Chaplane Accident Repair Centre </p></TD> </TR> <TR> <TD vAlign=top align=left width=6 height=5></TD> <TD vAlign=top align=left width=432 height=5></TD></TR> <TR> <TD vAlign=top align=left width=6></TD> <TD width=432 class="image" height=121 align=left vAlign=top bgcolor="#FF9933"> <TABLE width=425 border=0 align="center" cellPadding=0 cellSpacing=20> <TBODY> <TR> <TD class=TextHome>At Chaplane Accident Repair Centre we have built a reputation for a professioinal service, this has lead us ....and anythign else you want to say</TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top align=left height=6></TD></TR> <TR> <TD vAlign=top align=left> <TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0> <TBODY> <TR vAlign=top align=left> <TD width=316> <TABLE height=191 cellSpacing=0 cellPadding=0 width=316 align=center border=0> <TBODY> <TR> <TD> <TABLE height=187 cellSpacing=0 cellPadding=0 width=316 border=0> <TBODY> <TR align=left> <TD height="187" class="image"><img src="images/chaplanebuilding.jpg" alt="Chaplane Accident Repair" width="316" height="187"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY></TABLE></TD> <TD width=5></TD> <TD width=432> <TABLE cellSpacing=0 cellPadding=0 width=432 align=center border=0><TBODY> <TR vAlign=top align=left> <TD width=140> <TABLE height=191 cellSpacing=0 cellPadding=0 width=140 align=center border=0> <TBODY> <TR> <TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman1.jpg" alt="Non Fault" width="138" height="72"></TD> </TR> <TR> <TD> <TABLE class="image" height=119 cellSpacing=14 cellPadding=0 width=140 border=0> <TBODY> <TR> <TD vAlign=top class="fields" align=left width=140> We as a family firm pride ourselves on our professionalism...<br><br><BR> <A href="aboutus.htm" class="style1">» Read More </A></TD> </TR> </TBODY></TABLE></TD></TR></TBODY></TABLE></TD> <TD width=6></TD> <TD width=140> <TABLE height=191 cellSpacing=0 cellPadding=0 width=140 align=center border=0> <TBODY> <TR> <TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman2.jpg" alt="Non Fault" width="138" height="72"></TD> </TR> <TR> <TD vAlign=top align=left width=140 bgColor=#f7f7f7 height=119> <TABLE class="image" height=119 cellSpacing=14 cellPadding=0 width=140 border=0> <TBODY> <TR> <TD vAlign=top align=left width=140>Here at Chaplane repair we can provide you with a non -fault facility...<br><br> <A href="nonfault.htm" class="style1">» Read More </A></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> <TD width=6></TD> <TD width=140> <TABLE height=191 cellSpacing=0 cellPadding=0 width=140 align=center border=0> <TBODY> <TR> <TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman3.jpg" alt="Services" width="138" height="72"></TD> </TR> <TR> <TD> <TABLE class="image" height=119 cellSpacing=14 cellPadding=0 width=140 border=0> <TBODY> <TR> <TD vAlign=top align=left width=140> We provide services across the repair field, from cars throught ot light commercial...<br> <br> <A href="services.htm" class="style1">» Read More </A></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top align=left> <TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0> <TBODY> <TR vAlign=top align=left> <TD class=TextFooter colSpan=2><img src="images/chaplanefooter.gif" width="754" height="22"></TD> </TR> <TR vAlign=top align=left> <TD width=322 height="42" class=TextFooter><p>© 2005 Chaplane Accident Repair Centre.<br> Porsche specialist repair centre </p> </TD> <TD class=TextFooter width=432>45 Brunel Way , Severalls Industrial Park, Colchester, Essex &nbsp;Tel: 01206 853322<br> Email: <A class=LinkFooter href="">info@chaplaneaccidentrepaircentre.co.uk</A><BR> <A class=LinkFooter href="contacts.htm">Contact Us</A> | <A class=LinkFooter href="aboutus.htm">About Us </A> | <A class=LinkFooter href="sitemap.htm">Sitemap</A> | <A class=LinkFooter href="links.htm">Links</A>| <A class=LinkFooter href="terms.htm">Terms and Conditions</A></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>


CSS Code:

.topmenu {

}

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
	
}

.topmenuli{
   list-style-type:none;
   float:left;
   padding-left:8px;
   padding-right:0px;
   
}


.submenuul{
     list-style-type:none;
        position:absolute;
        top:131px;
     margin: 0;
     padding:0;
     display:none;
}

.submenuli a{
	display:block;
	width:90px;
	
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}





/* menu design */

#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
	
}

.topmenutitle {
    color:#000000;
	text-indent:5px;
	text-decoration: none;
	border-bottom:1px solid #000000;
	border-left:1px solid #00000;
	padding:3px;
	line-height:14px;
}

.submenuul {
	margin-top:1px;
	background-color:#E7F7FF;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;

}

.submenuli a{
	padding:1px;
	text-decoration: none;
	color: #000000;

}

.submenuli a:hover{
	text-decoration: none;
	background:#336699;
	color: #FFFFFF;
}

Last edited by cable_guy_67 : 04-Nov-2005 at 07:51. Reason: fixed broken close tags, use [/TAGName]
  #4  
Old 04-Nov-2005, 07:08
wood1e wood1e is offline
New Member
 
Join Date: May 2005
Posts: 11
wood1e is on a distinguished road

Re: css menu problem


IT's seems that I only get the problem in IE!!!
  #5  
Old 05-Nov-2005, 03:50
wood1e wood1e is offline
New Member
 
Join Date: May 2005
Posts: 11
wood1e is on a distinguished road

Re: css menu problem


I have changed the menu, and now have a problem with movement in IE, can anyone help? I have tried by changing the width etc...but with no luck, mouseover services adn it moves APproved Centre?

[url] http://www.synaxissolutions.co.uk/test/chaplane/index.htm [url]
  #6  
Old 05-Nov-2005, 10:04
cable_guy_67's Avatar
cable_guy_67 cable_guy_67 is offline
Senior Member
 
Join Date: Oct 2004
Location: Nescopeck, PA
Posts: 1,109
cable_guy_67 is a jewel in the roughcable_guy_67 is a jewel in the roughcable_guy_67 is a jewel in the roughcable_guy_67 is a jewel in the rough

Re: css menu problem


wood1e, you need to use a forward slash in your closing tag to properly end the block. You can find more information in the FAQ.
__________________
"Opportunity is missed by most people because it comes dressed in overalls and looks like work."
--Thomas Alva Edison
"Those who would give up essential liberty to purchase a little temporary safety, deserve neither liberty nor safety."
--Benjamin Franklin
"A happy person is not a person in a certain set of circumstances, but rather a person with a certain set of attitudes."
--Hugh Downs
 
 

Recent GIDBlogNot selected for officer school by crystalattice

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Airport Log program using 3D linked List : problem reading from file batrsau C Programming Language 11 29-Feb-2008 08:44
morrowind - magic menu problem gino Computer Software Forum - Games 0 25-Sep-2005 11:19
Need Help Modifiying the script of a menu demtro Web Design Forum 1 23-Sep-2005 20:30
How do I install a drop down menu? rhino1616 Web Design Forum 1 30-Aug-2005 06:22
problem with switches ChaosTheory C Programming Language 2 31-May-2005 14:38

Network Sites: GIDNetwork · GIDWebHosts · GIDSearch · Learning Journal by J de Silva, The

All times are GMT -6. The time now is 00:16.


vBulletin, Copyright © 2000 - 2010, Jelsoft Enterprises Ltd.