Boton DIV + CSS

[juanpablosolari]

Necesito su ayuda mi inconveniente es el siguiente:

Necesito hacer un Botón, dentro de un DIV con la menor línea de código posible.

El tamaño del DIV debe ser de 192*102px. Debe decir:

"Ingreso a Curso


Ingresar"

Las palabras deben ser los enlaces.
Otra consulta es: Que puedo usar a mas allá de padding para mover el texto dentro del div para acomodarlo según mis necesidades.

Saludos y Gracias!

[cristian_cena]

Hola.

Iniciado por juanpablosolari

Necesito hacer un Botón, dentro de un DIV con la menor línea de código posible.

Hacelo y luego lo optimizamos.

Iniciado por juanpablosolari

Que puedo usar a mas allá de padding para mover el texto dentro del div para acomodarlo según mis necesidades.

probá con las propiedades text-align, line-height y position

Saludos.

[juanpablosolari]

Intente, pero no, se que algo estoy haciendo mal. Te paso el codigo.

.ic{
width:192px;
height:102px;
position:relative;
margin:auto;
padding-top:10px;
padding-left:10px;
background-color:#005785;
font-size:18px;
color:#FFF;
}

.fuenteic{text-decoration:none;
font-family:Arial, Verdana, sans-serif;
}

.fuenteic:link{color:#FFF}
.fuenteic:visited{color:#e3efff}
.fuenteic:hover{color:#e3efff; text-decoration: underline}
.fuenteic:active{color:#FFF}

<div class="ic"><a href="#" class="fuenteic">Inscripcion a cursos</a></div>

Gracias!!

[cluster28]

Código CSS:

#div_a_medida{height:102px;width:102px;}
 

Código HTML:

<div id="div_a_medida"><span>Ingreso a Curso</span><form action="pagina.php"><input type="text" name="boton" value="Ingresar"></input></form></div>
 

Este ejemplo es con botón. Si quieres enlaces es de otro modo. No te entiendo bien.

Si no va bien es que algo he escrito mal, no lo he probado.

El padding lo puedes aplicar a la etiqueta div y separa el botón del border del div por dentro, o puedes usar el margin sobre la etiqueta del botón para separarlo del div por fuera.

[juanpablosolari]

Iniciado por cluster28

Código CSS:

#div_a_medida{height:102px;width:102px;}
 

Código HTML:

<div id="div_a_medida"><span>Ingreso a Curso</span><form action="pagina.php"><input type="text" name="boton" value="Ingresar"></input></form></div>
 

Este ejemplo es con botón. Si quieres enlaces es de otro modo. No te entiendo bien.

Si no va bien es que algo he escrito mal, no lo he probado.

El padding lo puedes aplicar a la etiqueta div y separa el botón del border del div por dentro, o puedes usar el margin sobre la etiqueta del botón para separarlo del div por fuera.

Es mas simple que esto, es solo un enlace... Podrias darme codigo como si fuera un enlace?

Gracias capoooo!

[cluster28]

Si lo tienes casi hecho:

El href tiene que ir a algún lado, # no lleva a ningún sitio. # se suele usar con javascript o jquery.

Código HTML:

<a href="pagina_incripcion.php">Inscripcion a cursos</a>
 

[juanpablosolari]

Iniciado por cluster28

Si lo tienes casi hecho:

El href tiene que ir a algún lado, # no lleva a ningún sitio. # se suele usar con javascript o jquery.

Código HTML:

<a href="pagina_incripcion.php">Inscripcion a cursos</a>
 

Ya lo se, solo es para probar como queda.

A ver si entendí entonces:

<div class="div_a_medida">
<a href="pagina_incripcion.php">Inscripcion a cursos</a>
<a href="pagina_incripcion.php">Ingresar</a>
</div>

.div_a_medida{height:102px;width:102px;}

¿Ahora como le doy estilo a los enlaces?
Si los muevo dentro del DIV con padding se me deforma el tamaño del mismo.

[cluster28]

Dales un id o una clase a las etiquetas a y usa margin, así no se te deformara el div