11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

A<strong>de</strong>más le hemos dado un tamaño <strong>de</strong> fuente mayor para que se note mejor <strong>el</strong> efecto.©Este texto tiene un <strong>el</strong>emento flotante a la <strong>de</strong>recha.A<strong>de</strong>más le hemos dado un tamaño <strong>de</strong> fuente mayor para que se note mejor <strong>el</strong> efecto.Hemos utilizado los valores left y right respectivamente. En estos casos a los párrafos quecontienen <strong>el</strong> símbolo <strong>de</strong> copyright se les han aplicado la propiedad CSS float:&copy;&copy;©©Pero si vemos <strong>de</strong>tenidamente esta propiedad veremos que encontramos un problema:Este texto tiene un <strong>el</strong>emento flotante a la <strong>de</strong>recha.Pero quiero que este párrafo no se vea afectado por <strong>el</strong> bloque flotante y se muestre sin tener que ajustarse a él.Como este párrafo que ocupa toda la anchura d<strong>el</strong> bloque div padre.¿Cómo solucionamos este problema?Para <strong>el</strong>lo <strong>de</strong>beremos utilizar la propiedad clear. Esta propiedad permite romper <strong>el</strong> ajuste que seesté realizando por una etiqueta anterior marcada con float.Clear pue<strong>de</strong> tomar 3 valores: left, right o both, para romper <strong>el</strong> float <strong>de</strong> izquierda, <strong>de</strong>recha oambos respectivamente.Por lo que si le aplicamos un clear: right; al segundo párrafo este se mostrará sin verse afectadopor <strong>el</strong> float:©©Este texto tiene un <strong>el</strong>emento flotante a la <strong>de</strong>recha.Pero quiero que este párrafo no se vea afectado por <strong>el</strong> bloque flotante y se muestre sin tener que ajustarse a él.Como este párrafo que ocupa toda la anchura d<strong>el</strong> bloque div padre.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!