Template:Nanouanl: Difference between revisions
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
<style> | <style> | ||
.main_cont { float:left; width:220px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:223px; 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:242px; height:32px; } - See more at: http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/#sthash.AWv2bSbm.dpuf | .main_cont { float:left; width:220px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:223px; 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:242px; height:32px; } - 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> | </style> | ||
Revision as of 22:18, 25 October 2013
<html> <head> <link href='css/left_menu.css' rel='stylesheet' type='text/css'> </head>
<style> .main_cont { float:left; width:220px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:223px; 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:242px; height:32px; } - 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>
<body> <align="left"> <img src="http://openwetware.org/images/b/b6/Nanouanl.png" width=180 height=180> </align> </body> </html>