Problema con HTML y CSS [Alineación]

Iniciado por venadHD, 13 Abril 2015, 19:46 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

venadHD

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 (css) [Seleccionar]
/*Essentials */
* {
font-family: arial, verdana, sans-serif;
font-size: 102.5%;
}
a, a:visited, a:link, a:hover, a:active {
text-decoration: none;
color: #000000;
}
/* Globales */
div#global_container {
position: absolute;
top:24%;
bottom: 0%;
}
td.menug {
vertical-align: top;
}
button.menu_btn {
color: #FF0000;
}
/*Menu principal de opciones */
div#menu_container {
background-color:#FF0000;
height:100%;
text-align: top;
max-height:100%;
}
/* Menu global de acciones */
div#globalFirstScreen {
background-color:#0000FF;
position: absolute;
left: 150%;
top: 0%;
height:100%;
width:500%;
text-align: top;
max-height:100%;
}
table.globalFirstScreen {
background-color:#50FFFF;
position: absolute;
top: 0%;
height:100%;
text-align: top;
}
table.globalFirstScreen2 {
background-color:#50FFFF;
position: absolute;
height:100%;
left: 21%;
top: 0%;
text-align: top;
}
table.globalFirstScreen3 {
background-color:#50FFFF;
position: absolute;
left: 42%;
top: 0%;
height:100%;
text-align: top;
}
table.globalFirstScreen4 {
background-color:#50FFFF;
position: absolute;
left: 63%;
top: 0%;
height:100%;
text-align: top;
}
/* Menu secundario derecho */
div#globalMenuDerecha {
background-color:#0000FF;
position: absolute;
top: 0%;
left: 690%;
height:100%;
width:100%;
text-align: top;
}
Código (xml) [Seleccionar]
<html>
<head>
<link rel='stylesheet' type='text/css' href='css/index.css' />
<title>CATH proyect</title>
</head>
<body>
<div id='global_container'>
<div id='menu_container'>
<table class='menu_container'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
</div>
<div id='globalFirstScreen'>
<table class='globalFirstScreen'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
<table class='globalFirstScreen2'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
<table class='globalFirstScreen3'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
<table class='globalFirstScreen4'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
</div>
<div id='globalMenuDerecha'>
<table class='globalMenuDerecha'>
<td class='menug'><button class='menu_btn'>Inicio</button></td><tr>
<td class='menug'><button class='menu_btn'>Comprar</button></td><tr>
<td class='menug'><button class='menu_btn'>Empresas</button></td><tr>
<td class='menug'><button class='menu_btn'>Informacion</button></td><tr>
<td class='menug'><button class='menu_btn'>Estadisticas</button></td><tr>
</table>
</div>
</div>
</body>
</html>

engel lex

#1
14 Abril 2015, 03:07 AM
explica con detalle tu problema y si puedes pon imagenes de ejemplo
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

#2
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.
Imprimir
Ir Arriba Páginas1
Acciones del Usuario