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.
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 :wink:
Creo que esa etiqueta. es solo para el texto no para los divs. xDDD.
Nop amigo... se centra todo el body, para eso pusiste tambien las etiquetas

y </p> para que las letras no se centren
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???
que raro... eso siempre centra las webs, aver como lo pusiste en tu hoja de estilos?? nos puedes dejar el codigo?
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??
con eso la centras ;)
chizpas es verdad, se me salto eso pense que lo tenias sayan.... esque todo eso viene en el curso paso a paso... acaso no lo seguiste? xD
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.
Bueno ahora ze ve mucho mejor aunke la imagen de la derecha ami no me aparece... o se queda a la mitad no se si asi sea :?
Yo la veo bien, felicidades esta muy chula la pagina, con colores muy alegres
Me gusta
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????]