Al fin... jeje.

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.
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 :wink:
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.
Creo que esa etiqueta. es solo para el texto no para los divs. xDDD.
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???
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}
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;
}
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.
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
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 }
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??
Arreglado, que tal la ves ahora linkgl???

Gracias torex.

edit___ De nuevo no habia visto la respuesta....Si si que lo seguí, pero luego una vez acabado me puse con la verdadera web, xDD. Y siempre se olvidan algunas cosillas.
Muchas gracias energiaelca1. Me alegro de que guste, en cuanto a que no ves la imágne de la derecha linkgl no se porque. es exactamente la misma imágen que el resto.

no lo entiendo.
que pajina te echaste se mira muy bien sensiyita pero muy bien lastima que te tenga que desir esto mira el enlace "Zonateorica" la pagina no existe y el enlace "Contactanos". y los enlaces "Cuemtos, Juegos y manualidades, y Foro" no te yeban a ningun lado si es a proposita abisa y si es un error areglalo e dicho.
Bamos progresando
_______________________
http://sonadoresdedurango.medianewsonline.com
Ya, ocurren dos cosas, Eso que estas mirando lo subí hace poco, e incluso si descargas algo puede que esté mal subido, creo que me ha dado errores en algunas cosas, pero la página no está terminada.

Creo que hasta el verano que viene no estará acabada, me faltan muchos contenidos que dependen de otra gente que está de vacaciones e incluso puede que no me los pasen.

La zona teórica es una de ellas, sin querer la he enlazado con algo, pero eso es fácil de solucionar. Y los juegos, estoy aprendiendo programacion en flash para crearlos, jeje. En fin que falta mucho para que esté acabada.

Pero gracias de todas formas por avisarme, xDDD.


Edito el mensaje_____Perdon, la página de contactanos si que estaba subida, pero no tenia el mismo nombre, ya está arreglado. Gracias de nuevo.

Un saludo
hola de new xD bueno la eh visto, no me habia fijado en eso de los enlaces, que descuido pero ya la veo toda muy bn :wink:

PD: Esta bien que pongas las reglas cctw, pero no el color rojo enorme de abajo que casi me dejo ciego cuando lo vi xDD :wink:
El problema que tenias con la imágen esa de la derecha y demas es porque me habia olvidado de poner un div gloval. lo puse y listo.

[asi mejor, la firma????]