11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

22 21 20 1319 1418 17 16 151 2 3 46 7 824 5 9 10 11231222 21 20 132519 1418 17 16 15En este ejemplo po<strong>de</strong>mos ver tres tablas que se muestran una al lado <strong>de</strong> la otra.Simplemente les hemos dado <strong>el</strong> estilo:.tabla {display: inline;}Aunque si disminuyes <strong>el</strong> ancho <strong>de</strong> la ventana verás que al tratarse <strong>de</strong> <strong>el</strong>ementos en línea seadaptan a su tamaño.Para saltarnos este inconveniente (si lo fuera), po<strong>de</strong>mos utilizar la propiedad que vimos en <strong>el</strong>apartado <strong>de</strong> Controles <strong>de</strong> texto: white-space.Introduciendo estas tres tablas en un <strong>el</strong>emento <strong>de</strong> bloque como un p o un div y asignándole lapropiedad white-space: nowrap; conseguiríamos que las tres tablas permaneciesen en línea sinsaltos <strong>de</strong> pantalla a pesar <strong>de</strong> la anchura <strong>de</strong> la ventana.1 2 3 46 7 824 5 9 10 11231222 21 20 132519 1418 17 16 151 2 3 46 7 824 5 9 10 11231222 21 20 132519 1418 17 16 15

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

Saved successfully!

Ooh no, something went wrong!