para quitar el menu vertical y dejar solo el menu horizontal y aparte de esto que el texto se desplase y ocupe los lugares en donde estaba el menu, copea esto en "texto por encima de la página",,,
ojo tambien biene el menu horizontal desplegable en el codigo, junto con una etiquetas que agregue para cambiar las partes deseadas..
<style type="text/css">
<!--
/* Menú*/
* {
margin:0;
padding:0;
}
#navbar {
position:absolute; top:100px; left:10px;
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
border-top:2px solid #f25e00; !Desconocido #f25e00 color naranja (CSS= position:absolute; top:0px; left:0px;);
}
#page-bar {
background-color:333; !prueba :333;
width:722px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #333; !color de los espaciadores del menu #333 es negro;
}
#page-bar li:hover {
background: #f25e00; !Color de los bloques al poner el raton #f25e00 naranja;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#DF0000;!Color del texto dentro de los bloques #FFF branco;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;!Color de los segundos bloques del menu, antes de poner el raton ensima #2B2B2B negro-gris ;
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0; !Desconocido #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666; !Color de los segundos bloques, cuando se pone el raton #666666 gris;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
//-->
</style>
<ul id="page-bar">
<li><a href="/">Inicio</a></li>
<li><a href='vender.htm'>¿Cómo vender?</a>
<ul class="children">
<li class="cat-item"><a href='http://ptson.es.tl/vender.htm'>Inactivo</a></li>
</ul></li>
</ul>
<style type="text/css">
body {
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: White ;!Color de fondo de pagina;
}
td.edit_header_full{
display:none;}
td.headline {display:none;}
td.headline2 {display:none;}
td.nav{
width:.000001px;
height: .000001px;}
td.nav:hover{
width:.000001px;
height: .000001px;}
td.nav_heading{
width:.000001px;
height: .000001px;}
td.edit_below_nav{
visibility:hidden;}
td.edit_navi_headbg{display:none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content_top{display:none;}
td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);!Imagen de fondo de la página, (Solo en el tecto)
border:0px groove hotpink;
}
td.edit_content {
z-index:0;
width:.000001px;
height: .000001px;}
td.edit_content_bottom{display:none;}
td.edit_content_bottom2{display:none;}
td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_content_bottom:hover{background-image:url();}
table.edit_main_table{width: 800px !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
--></style>
<style type="text/css">
body {
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: White ;!Color de fondo de pagina;
}
td.edit_header_full{
display:none;}
td.headline {display:none;}
td.headline2 {display:none;}
td.nav{
width:.000001px;
height: .000001px;}
td.nav:hover{
width:.000001px;
height: .000001px;}
td.nav_heading{
width:.000001px;
height: .000001px;}
td.edit_below_nav{
visibility:hidden;}
td.edit_navi_headbg{display:none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content_top{display:none;}
td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);!Imagen de fondo de la página, (Solo en el tecto)
border:0px groove hotpink;
}
td.edit_content {
z-index:0;
width:.000001px;
height: .000001px;}
td.edit_content_bottom{display:none;}
td.edit_content_bottom2{display:none;}
td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_content_bottom:hover{background-image:url();}
table.edit_main_table{width: 800px !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
--></style>
