elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema con HTML y CSS [Alineación]
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema con HTML y CSS [Alineación]  (Leído 2,094 veces)
venadHD

Desconectado Desconectado

Mensajes: 94

Donde hay hackers, tambien hay crackers.


Ver Perfil WWW
Problema con HTML y CSS [Alineación]
« en: 13 Abril 2015, 19:46 pm »

El tema es este: quiero hacer que al hacerse mas grande el boton, la TABLA no se haga mas grande, es decir, que quede "atrapada" en su tamaño predeterminado.
No hay mucho mas que explicar, aparte de esto;
Código
  1. /*Essentials */
  2. * {
  3. font-family: arial, verdana, sans-serif;
  4. font-size: 102.5%;
  5. }
  6. a, a:visited, a:link, a:hover, a:active {
  7. text-decoration: none;
  8. color: #000000;
  9. }
  10. /* Globales */
  11. div#global_container {
  12. position: absolute;
  13. top:24%;
  14. bottom: 0%;
  15. }
  16. td.menug {
  17. vertical-align: top;
  18. }
  19. button.menu_btn {
  20. color: #FF0000;
  21. }
  22. /*Menu principal de opciones */
  23. div#menu_container {
  24. background-color:#FF0000;
  25. height:100%;
  26. text-align: top;
  27. max-height:100%;
  28. }
  29. /* Menu global de acciones */
  30. div#globalFirstScreen {
  31. background-color:#0000FF;
  32. position: absolute;
  33. left: 150%;
  34. top: 0%;
  35. height:100%;
  36. width:500%;
  37. text-align: top;
  38. max-height:100%;
  39. }
  40. table.globalFirstScreen {
  41. background-color:#50FFFF;
  42. position: absolute;
  43. top: 0%;
  44. height:100%;
  45. text-align: top;
  46. }
  47. table.globalFirstScreen2 {
  48. background-color:#50FFFF;
  49. position: absolute;
  50. height:100%;
  51. left: 21%;
  52. top: 0%;
  53. text-align: top;
  54. }
  55. table.globalFirstScreen3 {
  56. background-color:#50FFFF;
  57. position: absolute;
  58. left: 42%;
  59. top: 0%;
  60. height:100%;
  61. text-align: top;
  62. }
  63. table.globalFirstScreen4 {
  64. background-color:#50FFFF;
  65. position: absolute;
  66. left: 63%;
  67. top: 0%;
  68. height:100%;
  69. text-align: top;
  70. }
  71. /* Menu secundario derecho */
  72. div#globalMenuDerecha {
  73. background-color:#0000FF;
  74. position: absolute;
  75. top: 0%;
  76. left: 690%;
  77. height:100%;
  78. width:100%;
  79. text-align: top;
  80. }
Código
  1. <html>
  2. <head>
  3. <link rel='stylesheet' type='text/css' href='css/index.css' />
  4. <title>CATH proyect</title>
  5. </head>
  6. <body>
  7. <div id='global_container'>
  8. <div id='menu_container'>
  9. <table class='menu_container'>
  10. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  11. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  12. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  13. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  14. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  15. </table>
  16. </div>
  17. <div id='globalFirstScreen'>
  18. <table class='globalFirstScreen'>
  19. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  20. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  21. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  22. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  23. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  24. </table>
  25. <table class='globalFirstScreen2'>
  26. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  27. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  28. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  29. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  30. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  31. </table>
  32. <table class='globalFirstScreen3'>
  33. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  34. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  35. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  36. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  37. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  38. </table>
  39. <table class='globalFirstScreen4'>
  40. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  41. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  42. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  43. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  44. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  45. </table>
  46. </div>
  47. <div id='globalMenuDerecha'>
  48. <table class='globalMenuDerecha'>
  49. <td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
  50. <td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
  51. <td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
  52. <td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
  53. <td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
  54. </table>
  55. </div>
  56. </div>
  57. </body>
  58. </html>


En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Problema con HTML y CSS [Alineación]
« Respuesta #1 en: 14 Abril 2015, 03:07 am »

explica con detalle tu problema y si puedes pon imagenes de ejemplo


En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


Ver Perfil WWW
Re: Problema con HTML y CSS [Alineación]
« Respuesta #2 en: 14 Abril 2015, 21:35 pm »

El tema es este: quiero hacer que al hacerse mas grande el boton, la TABLA no se haga mas grande, es decir, que quede "atrapada" en su tamaño predeterminado.
No hay mucho mas que explicar, aparte de esto;

Pues yo no me he enterado.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Alineacion del header.gif
PHP
[Case] 2 1,823 Último mensaje 4 Diciembre 2007, 20:47 pm
por [Case]
Problema con alineacion de imagen y texto en Google Chrome
Desarrollo Web
ZharkD 2 3,063 Último mensaje 18 Julio 2010, 21:58 pm
por ZharkD
[Solucionado] Problema con div y alineación
Desarrollo Web
Sancho.Mazorka 1 2,396 Último mensaje 31 Marzo 2011, 21:51 pm
por Sancho.Mazorka
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines