Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: venadHD en 13 Abril 2015, 19:46 pm


Título: Problema con HTML y CSS [Alineación]
Publicado por: venadHD 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>

Título: Re: Problema con HTML y CSS [Alineación]
Publicado por: engel lex en 14 Abril 2015, 03:07 am
explica con detalle tu problema y si puedes pon imagenes de ejemplo

Título: Re: Problema con HTML y CSS [Alineación]
Publicado por: peib0l en 14 Abril 2015, 21:35 pm
Cita de: venadHD 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;

Pues yo no me he enterado.


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines