Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/08/2010, 13:07
cereal
 
Fecha de Ingreso: octubre-2008
Ubicación: España
Mensajes: 28
Antigüedad: 15 años, 5 meses
Puntos: 1
Crear un botón con un contenedor diseñado en CSS

Buenas,

Primero explico que tengo, y luego el resultado que me gustaria tener:

Tengo un cuadro, que dentro, tiene dos cuadros mas, o sea, un contenedor con dos sub-contenedores dentro (madre y 2 hijas), todo en CSS.

Madre: CUADRO
Hijas: CUADRO_HIJA_1 y CUADRO HIJA_2

Código CSS:

Código PHP:
.cuadro {
    
height50px;
    
width80px;
    
borderdouble;
}

.
cuadro_hija_1 {
    
height50px;
    
width50px;
    
positionrelative;
    
background-color#9CA3D5;
    
colorblack;
    
text-alignleft;
    
font8pt Verdana;
    
floatleft;
}
.
cuadro_hija_2 {
    
height50px;
    
width30px;
    
positionrelative;
    
background-color#7077A4;
    
colorblack;
    
text-alignright;
    
font15pt Verdana bold;
    
floatright;


Código PHP:

Código PHP:
    <div class='cuadro'>
            <
div class='cuadro_hija_1'>
                        
M:<br>
                        
T:<br>
                        
N:<br>
            </
div>
            <
div class='cuadro_hija_2'>12</div>
    </
div
Con eso, obtengo este dibujo:




Ha quedado bien, el contenedor madre, que es el recuadro de doble línea, mientras que las dos hijas, están dentro de la madre, con colores diferentes, una a la izquierda y la otra a la derecha.
La duda que me surje es que TODO debe ser un BOTÓN, o sea, el contenedor MADRE, es un botón (con toda la información dinámida en el interior, que se puede variar tanto la hija de la izquierda como los numeros de la derecha, controlado en PHP)
No sé donde poner el FORM ni el INPUT.

Con el siguiente código, se me ha quedado tal como se muestra en la gráfica:

Código PHP:
        <div class='cuadro'>
                <
form action='insertar-php' method='post'>
                <
input type='submit'>
                <
div class='cuadro_hija_1'>
                        
M:<br>
                        
T:<br>
                        
N:<br>
                </
div>
                <
div class='cuadro_hija_2'>12</div>
                </
form>
        </
div



No se si me he explicado bien, podeis preguntar y os aclaro....

¡Gracias!