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.

.bloque_interior {margin-right: auto;margin-left: auto;}Si intentas hacerlo sobre <strong>el</strong> body, en IE no funcionará. Los márgenes auto no centrarán <strong>el</strong> bloque.Deberás darle la siguiente propiedad al body para que funcione:text-align: center;Esto simplemente alineará <strong>el</strong> texto al centro en <strong>el</strong> resto <strong>de</strong> navegadores (don<strong>de</strong> <strong>de</strong>beremos seguirutilizando <strong>el</strong> valor auto para los márgenes) y hará que los bloques se alineen en <strong>el</strong> centro <strong>de</strong> lapantalla.padding-top, padding-left, padding-bottom y padding-right establecerán la distancia d<strong>el</strong>bor<strong>de</strong> <strong>de</strong> un <strong>el</strong>emento con sus etiquetas interiores.Lo enten<strong>de</strong>rás mucho mejor con <strong>el</strong> siguiente ejemplo:textoA esta caja le hemos aplicado <strong>el</strong> siguiente estilo:.bloque {padding-top: 20px;padding-right: 5px;padding-bottom: 5px;padding-left: 10px;}Como pue<strong>de</strong>s ver la distancia <strong>de</strong> la palabra texto a los bor<strong>de</strong>s <strong>de</strong>recho e inferior es <strong>de</strong> 5px.Y lo mismo pasa con los márgenes superior (20px) e izquierdo (10px).Igual que con los márgenes po<strong>de</strong>mos abreviar las reglas CSS utilizando la propiedad margin.Así, <strong>el</strong> bloque anterior:.bloque {padding-top: 20px;padding-right: 5px;

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

Saved successfully!

Ooh no, something went wrong!