Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: SoyDylan en 27 de Noviembre de 2011, 22:22:17 pm

Título: [DUDA] Como pongo este botón aquí?
Publicado por: SoyDylan en 27 de Noviembre de 2011, 22:22:17 pm
Bueno quiero poner el botón que dice "REGISTRATE" abajo de donde dice "SUB-MENU".
(http://imagengratis.org/images/ejemploif9li.png)
Ayuda porfavor.
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: ferdi342 en 27 de Noviembre de 2011, 22:56:41 pm
¿Puedes mostrar el código?
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: SoyDylan en 27 de Noviembre de 2011, 23:17:32 pm
Cita de: ferdi342 en 27 de Noviembre de 2011, 22:56:41 pm
¿Puedes mostrar el código?
Código: [Seleccionar]
#web-container{
    width:960px;
    margin:0 auto;
}
#header{
    width:500px;
    height:200px;
    background:url(images/wadon-logo-2.png) no-repeat;
}
#sub-menu{
    width:258px;
    height:400px;
    float:left;
    background:url(images/bg-submenu.png) no-repeat;
}
#main-content{
    width:698px;
    height:800px;
    float:left;
    background:url(images/menu-fondo-1.png) no-repeat;
}
#registrate{
    float:left;
    background:ulr(images/registrarse.PNG) no-repeat;
}
Soy nuevo en esto, solo estoy traveseando las cosas xD
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: Mixvice en 28 de Noviembre de 2011, 00:07:09 am
Cita de: SoyDylan en 27 de Noviembre de 2011, 23:17:32 pm
Código: [Seleccionar]
#web-container{
    width:960px;
    margin:0 auto;
}
#header{
    width:500px;
    height:200px;
    background:url(images/wadon-logo-2.png) no-repeat;
}
#sub-menu{
    width:258px;
    height:400px;
    float:left;
    background:url(images/bg-submenu.png) no-repeat;
}
#main-content{
    width:698px;
    height:800px;
    float:left;
    background:url(images/menu-fondo-1.png) no-repeat;
}
#registrate{
    float:left;
    background:ulr(images/registrarse.PNG) no-repeat;
}
Soy nuevo en esto, solo estoy traveseando las cosas xD

Y el html? xD
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: SoyDylan en 28 de Noviembre de 2011, 00:24:35 am
Cita de: Mixvice en 28 de Noviembre de 2011, 00:07:09 am
Y el html? xD
Código: [Seleccionar]
<html>
<head>
<title> Es muy vergonsozo el titulo  </title>
<body background='images/bg.PNG'>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
<link rel="icon" href='images/favicon.png' type="image/x-icon" />
</head>
<body>
<link rel="stylesheet" href="estilo.css" type="text/css" />
<center><div id="web-container">
    <div id="header">
    </div>
</div></center>
<div id="web-container"> </div>
<div id="sub-menu">

    </div>
    <div id="main-content">
       
    </div>
<div id="registrate">
</div>

Solo llevo lo básico ...
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: Edwin en 28 de Noviembre de 2011, 18:30:11 pm
Podrías ponerle a #registrate un position:absolute; y luego ponerlo dentro de "sub-menu"
Y luego ir poniendole la posición que quieres con margin.

Código: [Seleccionar]
<div id="sub-menu">
<div id="registrate">
</div>
    </div>

Creo que así te saldría bien.
Saludos.
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: ferdi342 en 28 de Noviembre de 2011, 18:55:19 pm
O simplemente creas un div flotante y lo mueves por donde tu quieras. Si no, puedes marcar a través del CSS la posición en la que quieres que se muestre, como el espacio entre la imagen y la cabeza (top), o el lado izquierdo.
Título: Re:[DUDA] Como pongo este botón aquí?
Publicado por: Mixvice en 28 de Noviembre de 2011, 23:17:29 pm
La mejor opción (para mi) es como dice Edwin, poner el div dentro del sub-menu pero no hay necesidad de agregarle el position:absolute;