Comunidad de diseño web y desarrollo en internet online

Para centrar un pagina web o contenido

Citar            
MensajeEscrito el 02 Mar 2012 08:23 am

PARA LOS QUE QUIEREN CENTRAR UNA WEB.. Y QUIERE QUE PASE ESTO......




Y QUE NO PASE ESTO......





es muy sencillo y hay varias opciones para hacerlo...PERO TENEMOS QUE TENER EN CUENTA ALGO.

1) SI TIENE ALGÚN OBJETO ETIQUETADO CON LA POSICIÓN ABSOLUTE...NO TE VA AH FUNCIONAR ....YA QUE TOMA COMO POSICIÓN LA QUE TU LE DISTES. ASI QUE TIENES QUE EDITAR EL CODIGO PARA QUE SE ADAPTE ....
RECOMENDACIONES: SI QUIERE ALGUN OBJETO CON POSICION ABSOLUTE PROCURA QUE NO SE EREDE DE LA ETIQUETA <body>. SI NO QUE SE EREDE DE OTRA ETIQUETA DENTRO DEL <body>..

EJEMPLO:

Código HTML :

<body>
<div id ="remplaz">
<div id="conten"> AQUI VA SU CONTENIDO</div>
</div>
</body>


ASI AL ACER UN ABSOLUTE AL <div id="conten"> LO QUE VA ASER ES EREDARSE DEL <div id ="remplaz"> LO QUE ASE ES QUE NO SE SALE DEL BODY SI NO DEL <div id ="remplaz">....BUENO USTDES YA TIENEN QUE HACER QUE NO SE SALGA DEL BODY......PERO SE LOS RECOMIENDO ES MEJOR DE ESA FORMA

es solo lo que hay que tener en cuenta.......

bueno las opciones para que puedan centrar sus webs

CENTRAR CON ETIQUETAS HTML



primera:

Código HTML :

<center></center>
ESTA ETIQUETA ESTA ELIMINADA EN HTML5

puedes centrar el contenido que escojas....

segunda:

Código HTML :

<div align="center"></div>
EN HTML ACERLO COMO EN EL SEGUNDO EJEMPLO CSS

este es el modo para centrar un div

tercera:

Código HTML :

<table align="center"></table> 
IGUAL QUE EL PASADO

este sirve para centrar tablas tambien

AORA VIENE PARA CENTRAR CONTENIDO CON CSS



Primera:

Código HTML :

<style type="text/css">div {align:center;}</style>
ESTE ES OTRO METODO TAMBIEN ES SEGURO

segunda:

Código HTML :

<style type="text/css">div{margin:0 auto}</style>
LA MEJOR FORMA DE HACERLO

para que le funcione esta tiene que pasarle por parametros el width osi no no le funciona..........


listo ya terminamos. espero que los aiga ayudado y ya pueden escoger la que mas les convenga....

Por karlos2101

10 de clabLevel



Genero:Masculino  

developers

chrome
Citar            
MensajeEscrito el 02 Mar 2012 04:13 pm
gracias por el aporte. Trata de mejorar la redacción y de estructurar mejor el contenido. Por otro lado no debes usar mayúsculas en los párrafos ya que en internet significa que estás gritando.

Revisa los tutoriales que están publicados acá así te guiás mejor.

Si conseguís redactar un tuto un poco mejor quizás pueda pasar a portada.

movido a aportes.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.