05/10/2011, 10:46
| |||
| |||
| Duda propiedad clear:both Tengo una página con 5 cajas y las quiero colocar en la siguiente disposición: x x x x x Las tengo todas con float:left La tercera de ellos le pongo clear:both para que aparezca en la segunda fila, pero no funciona como espero. La unica opción que me funciona es poner tanto la 3 como la 4ª con clear:left. ¿Alguna idea? Gracias! |
|
05/10/2011, 10:47
| |||
| |||
| Respuesta: Duda propiedad clear:both Cita: El código:
Iniciado por juandaweb  Tengo una página con 5 cajas y las quiero colocar en la siguiente disposición: x x x x x Las tengo todas con float:left La tercera de ellos le pongo clear:both para que aparezca en la segunda fila, pero no funciona como espero. La unica opción que me funciona es poner tanto la 3 como la 4ª con clear:left. ¿Alguna idea? Gracias! <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Las bolas 1 a 1</title> <style> .bolas_billar {float: left;} #bola9 {clear: left;} #bola10 {clear: left;} </style> </head> <body> <img id="bola7" class="bolas_billar" src="./images/bola7.jpeg" alt="Bola billar 7" width="210" height=170/> <img id="bola8" class="bolas_billar" src="./images/bola8.jpeg" alt="Bola billar 8" width="210" height=170/> <img id="bola9" class="bolas_billar" src="./images/bola9.jpeg" alt="Bola billar 9" width="210" height=170/> <img id="bola10" class="bolas_billar" src="./images/bola10.jpeg" alt="Bola billar 10" width="210" height=170/> <img id="bola13" class="bolas_billar" src="./images/bola13.jpeg" alt="Bola billar 13" width="210" height=170/> </body> </html> |
| Etiquetas: |
