Template:Nanouanl: Difference between revisions
No edit summary |
No edit summary |
||
(10 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
<style> | <style> | ||
.main_cont { float:left; width: | .main_cont { float:left; width:150px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:150px; background:url(http://www.cssblog.es/images/menu_top_bg.gif) repeat-x; height:22px; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:1px; } .sub_menu ul { padding:0px; margin:0px; } .sub_menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:32px; border-bottom:1px dotted #93bcc3; list-style-type:none; text-indent:8px; } .sub_menu ul li a { text-decoration:none; color:#FFFFFF; } .sub_menu ul li a.selected { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:242px; height:32px; } .sub_menu ul li a:hover { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:150px; height:30px; } - See more at: http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/#sthash.AWv2bSbm.dpuf | ||
#pagecontent | #pagecontent | ||
{ | { | ||
Line 14: | Line 14: | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
<center>http://openwetware.org/images/c/c9/UANL_Banner2.png</center> | |||
<div class="main_cont"> | <div class="main_cont"> | ||
<div class="menu_top_bg">MENU</div> | <div class="menu_top_bg">MENU</div> | ||
Line 41: | Line 36: | ||
</div> | </div> | ||
</div> | </div> | ||
< | <p> | ||
Latest revision as of 15:24, 26 October 2013
<html> <head> <link href='css/left_menu.css' rel='stylesheet' type='text/css'> </head>
<style> .main_cont { float:left; width:150px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:150px; background:url(http://www.cssblog.es/images/menu_top_bg.gif) repeat-x; height:22px; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:1px; } .sub_menu ul { padding:0px; margin:0px; } .sub_menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:32px; border-bottom:1px dotted #93bcc3; list-style-type:none; text-indent:8px; } .sub_menu ul li a { text-decoration:none; color:#FFFFFF; } .sub_menu ul li a.selected { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:242px; height:32px; } .sub_menu ul li a:hover { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:150px; height:30px; } - See more at: http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/#sthash.AWv2bSbm.dpuf
- pagecontent
{
float: left; width: 620px; margin-left: 300px; min-height: 400px
} </style>
</html>