Log in

View Full Version : Glossy Menu horizontal


phril
09-14-2008, 03:32 AM
1) CODE TITLE: Glossy Horizontal Menu

2) AUTHOR NAME/NOTES: Santosh Setty

3) DESCRIPTION:Hi, I used the Glossy menu Horizontal tab on Dynamicdrive libary and the gif's are not shown. Im using Adobe Golive editor.Can a img src for the gifs be in the body, url("media/menur_hover_left.gif")is one coden in the head section All gif files are in the folder with lowercase, can't figure it out, here is the body.

<body bgcolor="#cc0000">
<ul class="glossymenu">
<li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
<li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
<li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>
<li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>
<li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>
<li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>

</ul>
<table width="969" border="0" cellspacing="0" cellpadding="0" bgcolor="#00ccff" cool gridx="16" gridy="16" height="464" showgridx showgridy usegridx usegridy>
<tr height="463">
<td width="968" height="463"><spacer type="block" width="968" height="463"></td>
<td width="1" height="463"><spacer type="block" width="1" height="463"></td>
</tr>
<tr height="1" cntrlrow>
<td width="968" height="1"><spacer type="block" width="968" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>

</tr>
</table>
<p></p>
</body>

4) URL TO CODE:http://true2me.net/Blue/Volcano.html

or, ATTACHED BELOW (see #3 in guidelines below):
TheJoshMan
09-14-2008, 08:22 AM
I just looked at the page you posted a link to, and the images are not on your server. You may want to double check to make sure you saved them in the correct folder... (should be "Blue/media/")
phril
09-16-2008, 08:48 PM
Hi Nyme, I saved them in a folder name mediaand media is in the Blue folderand I change the URL code in the head section, but still no gifs.
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Volcano</title>
<style type="text/css">

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu { background:url("http://true2me.net/Blue/media/menur_bg.gif") repeat-x; list-style: none; margin: 0 auto; padding: 0 0 0 34px; position: relative; height: 46px }

.glossymenu li{
float:left;
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover { color: #fff; background: url("http://true2me.net/Blue/media/menur_hover_left.gif") no-repeat left 50% }

.glossymenu li.current a b, .glossymenu li a:hover b { color: #fff; background: url("http://true2me.net/Blue/media/menur_hover_right.gif") no-repeat right top }

</style>


</head>
bluewalrus
09-16-2008, 09:21 PM
the images are still not up there if you copy that address and paste it in the image should show up. http://true2me.net/Blue/media/menur_hover_left.gif comes up as 404 not found meaning its either in a different directory or not online at all.
SpOrTsDuDe-Reese
09-17-2008, 12:33 AM
Look in your forum directory and look to see if they are actually there first. Or you can try to reupload them.