PDA

View Full Version : Help Please!!!



jsw
06-25-2005, 09:42 AM
Hi, i have been trying for the past 3 hours to solve what should be(and probably is) a reeeally simple problem. From the dynamic drive website i got the CSS Horizontal Hover Menu and it works and everything, BUT...

i want the website to have my JPEG logo in the top left corner or the page, and then have the menu horizontally along the top next to it. but it's not letting me. either the jpeg or the menu have to be above the other one.
I'm working in FrontPage, and my HTML is;

<html>

<head>
<style type="text/css">

.hovermenu ul{
font: bold 15px arial;
padding-left: 0;
margin-left: 280;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body>
<div class="hovermenu" style="width: 692; height: 177">
<ul>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.google.com">Google</a></li>
</ul>
</div>
<p>
<img border="0" src="notegayFINALpleasesd.jpg" width="217" height="113" hspace="6" vspace="-75"></p>


</body>

</html>


I can't get the picture any higher than that.

any helpy would be MUCh appreciated, many thanks,
J.

jsw
06-25-2005, 09:45 AM
sorry, i forgot :

DD Script : CSS Horizontal Hover Menu

URL : http://www.dynamicdrive.com/dynamicindex1/hover.htm

jscheuer1
06-25-2005, 06:04 PM
<html>

<head>
<style type="text/css">

.hovermenu ul{
font: bold 15px arial;
padding-left: 0;
margin-left: 20px;
height: 20px;
float:left;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body>
<div class="hovermenu" style="width: 692; height: 177">
<ul>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.google.com">Google</a></li>
</ul>
<img border="0" src="notegayFINALpleasesd.jpg" width="217" height="113" hspace="6" vspace="-75">
</div>


</body>

</html>