Foros del Web » Creando para Internet » CSS »

Centrar con display: table-cell

Estas en el tema de Centrar con display: table-cell en el foro de CSS en Foros del Web. Hola, ahora les molesto con esta consulta: Edito el menú de un sitio responsive hecho en Wordpress, necesito que se vean completas las lineas que ...
  #1 (permalink)  
Antiguo 04/04/2017, 01:49
Avatar de auroaff  
Fecha de Ingreso: marzo-2008
Ubicación: Guatemala
Mensajes: 48
Antigüedad: 16 años, 1 mes
Puntos: 1
Centrar con display: table-cell

Hola, ahora les molesto con esta consulta: Edito el menú de un sitio responsive hecho en Wordpress, necesito que se vean completas las lineas que separan cada botón, tanto de lado derecho como izquierdo, leí que si uso Display: table-cell, en vez que el que tiene originalmente: inline-block, funciona pero se pierde el centrado del mismo y el menu se muestra a la izquierda en versión de escritorio.

Aqui esta el html y css. Edité en la linea 1621.
http://codepen.io/auroraff/pen/NpJYRG

Gracias por su ayuda

Última edición por auroaff; 04/04/2017 a las 01:51 Razón: falta letra
  #2 (permalink)  
Antiguo 04/04/2017, 15:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Centrar con display: table-cell

Casi mejor usar flexbox.
__________________
(:
  #3 (permalink)  
Antiguo 04/04/2017, 15:13
Avatar de CircuitoX  
Fecha de Ingreso: julio-2008
Mensajes: 756
Antigüedad: 15 años, 8 meses
Puntos: 21
Respuesta: Centrar con display: table-cell

Sobre el diseño de los menus, me parece que cada nombre deberia ser resumido para que ocupe solo una línea, o podrias crear otra campo como subtítulo para mostrar más texto.

Otra forma seria hacerlo con jquery, cuando se situe con el mouse sobre cada botón mostrar con hover un tooltip mostrando el subtítulo.

Un ejemplo con un campo adicional:
aitaperu.com
__________________
Diseño Robotico en Arequipa / Desarrollo web / Sitios / Paginas / 99 css3

Última edición por CircuitoX; 04/04/2017 a las 15:24 Razón: Eliminar enlace a sitio «propio»

Etiquetas: display, izquierda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:16.