Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje22-07-2009, 15:54 (UTC)    
Título del mensaje: Ayuda con modificacion de menu vertical Ice-Blue

Hola a todos, estoy haciendo algunos cambios en mi web y hay una cosa que no se cambiarla.
Alguien me podría decir qué debo hacer para poder modificar la anchura del menú de la izquierda?
He hecho servir este código:

Cita:
<style type="text/css">
/*Quitar Menu izquierda*/
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url();}
td.nav{
text-decoration: none;
color: #transparent;
width: 10px;
height: 33px;
background-image: url(http://img22.imageshack.us/img22/2752/boton3.jpg);}
td.nav:hover{
color: #transparent;
width: 10px;
height: 33px;
background-image: url(http://img518.imageshack.us/img518/369/botonpulsado2.png);}
td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #transparent;
width: 10px;
background-repeat:repeat-y;}
td.edit_below_nav{
visibility: hidden;
width: 10px;}
td.edit_below_nav img{
visibility: hidden;
width: 10px;}
td.nav_heading{
width: 10px;
height: 33px;
background-image: url(http://img22.imageshack.us/img22/2752/boton3.jpg);
background-color: #transparent;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}
td.edit_navi_headbg table{
width: 0px;}
td.edit_content_bottom{
background-image: url();
background-color: #transparent;
text-align: right;}

td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 9px;font-weight: bold;}

td.edit_content_bottom2{
background-image: url();
background-color: #transparent;
text-align: right;}
//--></style>


pero lo único que me ha hecho a sido cortar los botones, no me los ha reducido.
Entonces lo que quería es hacer un poco más ancho el menú de la izquierda ya que con ese código se han cortado y las letras acaban justo donde acaba el dibujo del boton y eso no queda bien.

Así es como queda ahora:


Así es como quiero que quede:


Lo necesito principalmente para poder hacer mas ancho el cuadro de contenido pero sin tener que borrar el menú de la izquierda.

Gracias
______________
http://www.demodaa.es.tl
Mensaje22-07-2009, 16:19 (UTC)    
Título del mensaje:

Yo creo que es problema del tamaño del boton coge la anchura necesaria de alguien, y subelo en esta pagina,

www.subirimagenes.com

Y ponlo donde los botones, creo que ese era el problema que a lo mejor pusistes el tamaño muy justo y se te acopla!!

Espero que te aya servido gracias y Saludos!
Mensaje22-07-2009, 16:49 (UTC)    
Título del mensaje:

Hola, creo que no me expliqué bien.
Lo que quiero conseguir es hacer los botones del menú unos 20px más grande para que las palabras queden centradas dentro del boton y no queden al límite como sucede en el botón de "conectarse" por ejemplo.
No se si me explico, disculpen.

Saludos.
______________
http://www.demodaa.es.tl


Ultima edición por demodaa el Mie Jul 22, 2009 12:50 pm; editado 1 vez
Mensaje23-07-2009, 22:01 (UTC)    
Título del mensaje:

Vale, ya he encontrado algo para poder modificar el ancho del botón del menú de la izquierda.
He modificado el código que ya tenía:

Cita:
<style type="text/css">
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url();}
td.nav{
text-decoration: none;
color: #transparent;
width: 10px;
height: 33px;
background-image: url(http://img22.imageshack.us/img22/2752/boton3.jpg);}
td.nav:hover{
color: #transparent;
width: 10px;
height: 33px;
background-image: url(http://img518.imageshack.us/img518/369/botonpulsado2.png);}
td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #transparent;
width:10px;
background-repeat:repeat-y;}
td.edit_below_nav{
visibility: hidden;
width: 0px;}
td.edit_below_nav img{
visibility: hidden;
width: 120px;}
td.nav_heading{
width: 10px;
height: 33px;
background-image: url(http://img22.imageshack.us/img22/2752/boton3.jpg);
background-color: #transparent;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}
td.edit_navi_headbg table{
width: 0px;}
td.edit_content_bottom{
background-image: url();
background-color: #transparent;
text-align: 10px;}

td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 9px;font-weight: bold;}

td.edit_content_bottom2{
background-image: url();
background-color: #transparent;
text-align: left;}
//--></style>


Aviso del Moderador "Tokarg":
[Por favor no hacer doble Post. Para añadir información a sus mensajes utilice la función ubicada en la esquina superior derecha de sus mensajes]
Desde ya gracias por su comprensión y colaboración!

______________
http://www.demodaa.es.tl


Ultima edición por demodaa el Vie Jul 24, 2009 5:33 am; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group