Posts Tagged ‘ horizontal menu ’

Free CSS Navigation Menu Designs 2

TweetFree CSS Navigation Menu Designs 2 No. of Horizontal Menu Demo Here DEMO body {margin:0;padding:0;font: bold 11px/1.5em Verdana;}h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;color: #000;margin: 0px;padding: 0px 0px 0px 15px;}img {border: none;} /*- Menu Tabs 1--------------------------- */ #tabs1 {float:left;width:100%;background:#F4F7FB;font-size:93%;line-height:normal;border-bottom:1px solid #BCD2E6;}#tabs1 ul {margin:0;padding:10px 10px 0 50px;list-style:none;}#tabs1 li {display:inline;margin:0;padding:0;}#tabs1 a {float:left;background:url("http://www.phpasks.com/blogs/wp-content/uploads/2009/11/tableft1.gif") no-repeat left top;margin:0;padding:0 0 [ READ MORE ]

Pure CSS horizontal Drop Down Menu

TweetPure CSS horizontal Drop Down Menu DEMO @import "http://www.phpasks.com/blogs/wp-content/uploads/2009/11/map_dropDown.css"; Menus CSS Dropdown Current Link Keyboard Special With Images Articles: A-D Accesskeys Branching Drop Caps Articles: E-K ie C.C. ieMac Bugs Images in Heading Images in Table Articles: L-O Location Object Many Layouts Null Links Articles: P-S Popup Windows PNG Overlay Scalable Tabs Styling Pullquotes Articles: [ READ MORE ]

An enlarging unordered list

Tweet#easel {width:75px; height:100px; margin:3em auto;}#painters { padding:0; margin:0; list-style-type:none; }#painters li { width:75px; height:20px; float:left; border:1px solid #000; margin-right:2px; }#painters a em { font-style:normal; font-size:1em; line-height:1.5em; }#painters a { text-decoration:none; color:#000; position:absolute; width:75px; height:20px; display:block; text-align:center; }#painters a.red {background:#c00; color:#fff;}#painters a.orange {background:#fc0; color:#000;}#painters a.yellow {background:#ee0; color:#000;}#painters a.green {background:#080; color:#fff;}#painters a.blue {background:#00c; color:#fff;}#painters a:hover { width:120px; [ READ MORE ]

Horizontal sliding menu

Tweet#menu { margin:0; padding:0; width:45em; height:8.5em; overflow:hidden; background:#000; }#menu li { display:inline; list-style-type:none; }#menu li a { display:block; float:left; text-decoration:none; margin:0; }#menu li a img { opacity:0.7; margin:0.5em; border:0; float:left; }#menu li a span { display:none; }#menu li a:hover { background:#000; }#menu li a:hover img { opacity:1; }#menu li a:hover span { width:11em; color:#aaa; display:block; [ READ MORE ]