Al fin... jeje.

[SaYaN]

Al fin tengo el estilo definitivo de mi web. Espero que os guste. Aunque también espero que le saqueis tooodos los defectos que le veais. jeje.

La direccion es www.profeslight.es. De momento solo está creado el index y lo que he llamado la zona descargas.

Saludos y espero vuestras criticas.

[linkgl]

Me gusta, pero la web se ve alineada a la derecha, se veria mucho mejor al centro, y en el lado derecho donde dice inicio, no se ve bien la imagen, lo demas no esta mal, esta muy sencillita pero muy buena tambien

[SaYaN]

Creo que ya se porque pasa eso. Porque yo la miro con una pantalla de 15 pulgadas, y la veo al centro puede que con una pantalla mas pequeña o mas grande se vea distorsioada.

Como puedo hacer?? He definido un margin a la derecha. Pero no encuentro el codigo para alinear toda la web al centro.

[linkgl]

Hola amigo, si eso es lo que pasa, mira la puedes alinear abriendo tu hoja de estilos y donde dice body pones

body: {text-align: center}

y listo se centrara en cualquier pantalla a lo ancho

[SaYaN]

Creo que esa etiqueta. es solo para el texto no para los divs. xDDD.

[linkgl]

Nop amigo... se centra todo el body, para eso pusiste tambien las etiquetas

y </p> para que las letras no se centren

[SaYaN]

He probado y no me lo hace... borro el margin de 200px a la izquierda, y pongo eso y no lo centra, como puedo hacer???

[linkgl]

que raro... eso siempre centra las webs, aver como lo pusiste en tu hoja de estilos?? nos puedes dejar el codigo?

[SaYaN]

aquí está:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {
background-image:url(imagenes/fondo.gif); background-color:#66FF00; background-attachment:fixed; background-position:top;
background-repeat:no-repeat;font:Arial, Helvetica, sans-serif;
}

h1 {
background-image:url(imagenes/titulo.gif);
height:40px;
text-align: center;
margin:70px 0px 0px 0px
}

h2 {
text-align:center; color:#00CC00;
}

p { color:#000000; margin: 0px 0px 0px 65px ; text-align: justify; text-indent: 15px}
#global {width:800px; margin:0px 0px 0px 200px}
#logo {
background-image:url(imagenes/logoweb.gif);
margin:0px 0px 10px 0px;
height:111px;
margin: 30px 0px 10px 0px;
background-repeat:no-repeat
}

#navegacion li{
font-size:16px;
height:60px;
background:1px no-repeat;
float:left;
list-style:none;
width: 110px;
padding:20px 0px 0px 0px;
text-align:center;
vertical-align: text-top;
margin:0px 6px 0px 14px;
line-height: 20px;
}

#navegacion a {
background-image:url(imagenes/barra1.gif);
height: 50px;
padding:5px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration:none;
color: #3300CC;
font-weight:bold;
display:block;
width:110px;
}
#navegacion a:hover {font-size:18px;
color:#00CC00;
width:110px;
background-image:url(imagenes/barra.gif);
padding:0px 0px 0px 0px}

#iniciopagina {
background-image:url(imagenes/inicio.gif);
height: 49px; background-repeat:no-repeat; margin: 0px 0px 0px 185px
}
#finalpagina {
background-image:url(imagenes/final.gif);
height: 69px; background-repeat:no-repeat; margin: 0px 0px 0px 185px
}


#contenido {
padding: 22px 35px 0px 25px;
background-image:url(imagenes/liena.gif);
background-repeat:repeat-y;
margin: 0px 0px 0px 185px;
line-height: 25px;
}

#contenido a {color:#00FF33; text-decoration:none;}


#navigation li{background-image:url(imagenes/lateral.gif); width:178px; list-style:none}

#navigation {
width: 160px;
margin: 0px 0px 0px 0px;
float:left;
font:11px Georgia, Times New Roman, Times, serif;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
}

#nabsup { background-image:url(imagenes/sup.gif);
height:20px; background-repeat:no-repeat; width:180px}
#nabinf {background-image:url(imagenes/inf.gif); height:7px; width:178px; background-repeat:no-repeat}

#navigation a {
width:150px;
display:block;
font:11px;
color: #000099;
line-height:16px;
text-decoration: none;
padding:8px 6px 8px 22px;
}

#navigation a:hover {
color: #CC3300;
font-weight:bold;
background: url(imagenes/trianglerojo.gif) 10px 50% no-repeat;
}

#contenido img {border:#000000 double}

#titulo {padding: 10px 0px 0px 0px}

[linkgl]

Ya trataste poniendo asi:


body { text-align: center;
background-image:url(imagenes/fondo.gif); background-color:#66FF00; background-attachment:fixed; background-position:top;
background-repeat:no-repeat;font:Arial, Helvetica, sans-serif;
}

[SaYaN]

Si, es justo donde he probado, y me centra los textos, por ejemplo en el logo donde antes aparecia la linea de escribir a la izquierda, ahora me aparecia en el centro.

Hazme caso, eso es para centrar los textos que hay dentro de los divs, no la web completa. Puede que haya otra etiqueta que sirva para centrar toda la web, pero esa no es.xDD.

Un saludo y gracias de todas formas.

[linkgl]

jaja bueeno, nimodo ami ese fue el que me funciono perfectamente en todas mis webs en fin, volviendo al tema, buena web xD solo quitale pokiito margin para los que somos pobrez y de monitor peqeño xD :D

[Torex]

Encierra todooooo el body.. en una capa que se llame global!

asi

<body>
<div id="global">
<bla bla bla>

estilo css..

#global {margin: 4px auto }

[SaYaN]

xDDD. peroooo, y los que son muuuuuy ricos y tienen un monitor de 17 pulgadas???

Bueno esos que se fastidien, no lo van a tener todoo, jejeje.

edit___ no habia visto tu respuesta torex. que consigo con eso?? la centro??

[Torex]

con eso la centras ;)