Foros del Web » Creando para Internet » CSS »

Anular un float con estilos en linea

Estas en el tema de Anular un float con estilos en linea en el foro de CSS en Foros del Web. Hola a todos Tengo una classe de un tema de wordpress que a un boton le aplica un float left. Quiero poner un boton con ...
  #1 (permalink)  
Antiguo 08/09/2013, 05:44
Avatar de dryant  
Fecha de Ingreso: agosto-2009
Ubicación: Malaga, Ceuta, España....
Mensajes: 283
Antigüedad: 15 años, 3 meses
Puntos: 10
Anular un float con estilos en linea

Hola a todos

Tengo una classe de un tema de wordpress que a un boton le aplica un float left.
Quiero poner un boton con esa clase pero eliminando el float:left La clase "featured_button" incluye un float:left, por lo que he intentado ponerlo en linea de la siguiente forma:

Código HTML:
<a href="/pagina2" class="featured_button"  style="float:none">+info</a> 
No lo he conseguido, sin embargo si pongo lo siguiente:

Código HTML:
<a href="/pagina2" class="featured_button"  style="float:right">+info</a> 
entonces si me flota el boton a la dercha...
¿Porque no me funciona con "none" y si con "right"?
¿Como puedo quitar el float:left sin modificar la clase "featured_button"?
__________________
Tecnología y tutoriales
  #2 (permalink)  
Antiguo 08/09/2013, 06:36
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: anular un float con estilos en linea

Tienes que usar clear: both; para todos o right/left en funcion de lo que quieras eliminar. Saludos
  #3 (permalink)  
Antiguo 08/09/2013, 11:54
Avatar de dryant  
Fecha de Ingreso: agosto-2009
Ubicación: Malaga, Ceuta, España....
Mensajes: 283
Antigüedad: 15 años, 3 meses
Puntos: 10
Respuesta: anular un float con estilos en linea

Cita:
Iniciado por PHPeros Ver Mensaje
Tienes que usar clear: both; para todos o right/left en funcion de lo que quieras eliminar. Saludos
Hola PHPeros, gracias por tu respuesta pero no me ha funcionado.
En realidad con float:none; si se quita el float. (Clear:Both creo que no lo quita ya que lo he comprobado)
Yo lo que hacia una vez que le quitaba el float era ponerle margin:auto y al ver que no se centraba creia que seguia flotado, pero no lo estaba. Simplemente no se me alineaba al centro. Lo unico que he tenido que hacer ha sido añadir un display:block a la etiqueta <a> y ya me lo ha alineado al centro sin problema con los margenes en auto.

Un saludo!
__________________
Tecnología y tutoriales
  #4 (permalink)  
Antiguo 08/09/2013, 12:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: anular un float con estilos en linea

clear: both es para limpiar el flotado, no realmente para eliminarlo. Con float: none dento del atributo style debería de no aplicarse ningún flotado.

Tal vez existan elementos flotados anteriores a ese enlace, entonces tendría que aplicar ambas cosas. Y si necesitas centrarlo, además vas a necesitar que sea un elemento de bloque para que funcionen los márgenes automáticos; display: block

Sea como sea, hace falta más información si no te funciona nada de esto, de elementos y estilos anteriores sobre todo.

Última edición por pzin; 08/09/2013 a las 15:22

Etiquetas: anular, estilos, float
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:47.