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.

7. A este bloque <strong>de</strong>beremos asignarle la propiedad clear: both; para que <strong>el</strong> <strong>el</strong>emento flotante no le afecte encaso <strong>de</strong> que <strong>el</strong> contenido fuese <strong>de</strong>masiado corto.cabeceramenumenumenumenumenucontenidocontenidopieFinalmente tenemos la propiedad display, que establece <strong>el</strong> tipo <strong>de</strong> <strong>el</strong>emento con <strong>el</strong> que estamostratando.Esta propiedad es muy útil porque transforma las etiquetas <strong>de</strong> bloque a en línea y viceversa.Pue<strong>de</strong> tomar los valores block, inline o list-item.Los dos primeros valores hablan por sí mismos. Pue<strong>de</strong>s asociarle <strong>el</strong> estilo display: block; a unaetiqueta A para que cree un salto <strong>de</strong> línea antes y <strong>de</strong>spués <strong>de</strong> <strong>el</strong>la.D<strong>el</strong> mismo modo, podrás hacer que una etiqueta <strong>de</strong> bloque (como p o div) se convierta en un<strong>el</strong>emento en línea utilizando display: inline; y puedan ser mostradas una al lado <strong>de</strong> otra: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 112312 25

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

Saved successfully!

Ooh no, something went wrong!