Aplicar un estilo a un span

marcospuig · #1 (**permalink**) 30/11/2007, 12:28

Hola tengo 1 problema qu me tiene 1 poco harto y no consigo el efecto que quiero: a ver, quiero que codigo seccion y los 2 botones (editar y eliminar) estén en la misma línea pero los botones quiero alinearlos a la derecha, el código es este:

Código:

<style type="text/css">
<!--
.boton { text-align: right; margin-right: 250pt}
-->
</style>


<h3>Código sección '.$fila['nombreSeccion'];
<span class="boton"> <a href="editarSeccion.php"><input  type="button" value="Datos sección"></a>
		&nbsp;&nbsp; <a href="eliminarSeccion.php"><input type="button" value="Eliminar sección"></a> </span>
</h3>

Pero no me funciona, no me aplica el efecto a los botones, ni con span ni con label. He probado con div y <p> y sí me aplica el efecto pero me pone los botones en la línea siguiente y estoy un poco harto porque creo que tiene que ser un tontería que no conozco, si me pudiérais ayudar... Muchas gracias.

Eourus · #2 (**permalink**) 30/11/2007, 13:08

¿Has probado a poner el class="boton" al tag input en vez de usar un span? Si puedes ponernos alguna url mejor ;)

marcospuig · #3 (**permalink**) 30/11/2007, 13:41

Si lo aplico al botón, como tengo que alinearlos al márgen derecho es mucho más lio, porque no consigo que se alineen los 2, siempre el que está más próximo a la izquierda no consigo que se alinee a la derecha

Eourus · #4 (**permalink**) 30/11/2007, 13:49

Vale, no entendia exactamente a lo que te referías, prueba con esto:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style type="text/css">

	h3 { margin-top:0px; }
	.drc {float:left; width:25%; }
	.izq {float:right; width:70%; text-align:right; }
	.limpia { clear:both; }
	
</style>
<body>

<div class="drc">
	<h3>Código sección '.$fila['nombreSeccion'];</h3>
</div>
<div class="izq">
	<a href="editarSeccion.php"><input  type="button" value="Datos sección"></a>&nbsp;&nbsp; 
	<a href="eliminarSeccion.php"><input type="button" value="Eliminar sección"></a>
</div>
<div class="limpia"></div>

</body>
</html>

PD: Por cierto no hace falta que uses input, con usar texto y darle un aspecto de boton te bastaría ;)

marcospuig · #5 (**permalink**) 30/11/2007, 14:34

Muchas gracias, eso casi me resuelve el problema, pero los botones me quedan un poco más abajo que el texto de la izquierda, ¿hay alguna manera de subir los botones sin bajar el texto o viceversa?

Eourus · #6 (**permalink**) 30/11/2007, 15:03

Bueno, con la etiqueta h3 en la hoja de estilos lo que hice fue subirla.

Cambia el valor de margin-top:0px por el que más te guste ;)