CSS horizontal menu
Posted: 20 November 2007 09:08 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2007-10-30

is this correct??

<style type="text/css">
<!--
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
border
-left:0px solid #009900; border-right:0px solid #009900; border-top:1px solid #009900; border-bottom:1px solid #009900; margin:0 0 0 0; padding:0; float: left;
width100%;
backgroundwhite url('default.gif'repeat-x centerfont-style:normalfont-variant:normalfont-weight:boldfont-size:12pxfont-family:tahoma
}

.solidblockmenu li{
display
inline;
}

.solidblockmenu li a{
float
left;
color#009900;
padding8px 9px;
text-decorationnone;
border-right1px solid #ffffff;
border-left1px solid #6f9c6f;
}

.solidblockmenu li a:visited{
color
#6f9c6f;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color
white;
backgroundurl('over.gif'repeat-x center;
}

.imagesearch{
margin
-left2px;
}

.typeform{
border
1px solid #6f9c6f;
margin-left4px;
padding-top3px;
font-familytahoma;
font-size11px
}

.button{
background
url('over.gif');
border1px solid #6f9c6f;
padding-left2px;
margin7px 0px 0px;
font-familytahoma;
font-size11px
}

.search{
margin
0px 0px 0px 0px;
}

.footer a:hover{
background
-color#009900;
text-decorationnone;
}

.footer a:visited{
text
-decorationnone;
colorwhite;
}

body {
background
url('background.gif'repeat-x fixed top;
margin0px auto;
}
-->
</
style>

<!--
[if IE]>
<
style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top1em;
}
</style>
<!
[endif]-->

this code can be paste anywhere in the body tag:

<ul class="solidblockmenu">
<
li><a href="home.htm"><span><img src="homeicon.gif" hieght="13" width="13" border="0"> </span>Home</a></li>
<
li><a href="your link">your link</a></li>
<
li><a href="your link">your link</a></li>
<
li><a href="your link">your link</a></li>
<
li><a href="your link">your link</a></li>
<
li><a href="your link">your link</a><form method="get" action="http://search.yahoo.com/bin/search" class="search">
  <
img border="0" src="search.gif" width="14" height="14" class="imagesearch"><input type="text" name="p" size="16" class="typeform"
  <
input type="submit" value="Search" name="B1" class="button"></form>
</
li>
</
ul>

this is the image:

http://i212.photobucket.com/albums/cc277/tomandjerry1212/search.gifhttp://i212.photobucket.com/albums/cc277/tomandjerry1212/home_ico.gif

for the over and default:

http://i212.photobucket.com/albums/cc277/tomandjerry1212/over.gifhttp://i212.photobucket.com/albums/cc277/tomandjerry1212/default.gif

Profile
 
 
Posted: 23 November 2010 04:26 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  1
Joined  2010-11-23

I’m tested, nice work

Profile
 
 
Posted: 14 March 2011 08:21 PM   [ Ignore ]   [ # 2 ]
Sr. Member
RankRankRankRank
Total Posts:  133
Joined  2010-04-23

What you trying to do?
_____________________________
Sudoku - Flash Game - Flash Game
Flash Game - xnxx - Flash Game

Profile
 
 
Posted: 30 August 2011 02:52 AM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  23
Joined  2010-07-23

I have used this CSS file and got that it works. I will try it in my website also. Thanks for sharing.

You can get microsoft excel 2010 training here.

Profile
 
 
Posted: 26 October 2011 10:47 AM   [ Ignore ]   [ # 4 ]
Sr. Member
RankRankRankRank
Total Posts:  133
Joined  2010-04-23

I use a similar CSS code in my website.
__________________________________
Running - Running Log
5K - 10K - Half Marathon - Marathon - Blog

Profile