Ayuda en CSS , maquete de web casi terminado.

[jafp_pe]

Bueno amigos acabo de semiterminar el maqueteo creo de el diseño que tenia mi web : www.juegosfatal.com

chekeen lo .. hay muchos errores pero los que no puedo resolver son estas :


uno , no se como centrar la pagina por complera , mediante el aling lo intente pero nada .. en verdad no se como hacerlo quiero que la web este centrada ..

ahora el otro error es en la categorias el titulo de las categorias no estan en su posicion exacta estan muy arriba .. y o puedo corregir .. por que veo que esta todo bien , al igual que en los juegos tampoco .. estan muy arriba , como puedo arreglar eso?


Otro error es el boton verde ..

donde dice : Jugar el juego ... quiero centrarlo .. se sale de su div o tabla! que pasa ayuda por favor ..



deveria quedar algo asi ::



antiguo diseño :

www.juegosfatal.com/index-2.php

miren .. esta full tablas pero bien centrado asi quiero que este

[Calizman]

Ok... ante todo... ten encuenta que la propiedad es... Align, no aling! asi que podrias comenzar por ahi... otra de las cosas es que... espero que estes utilizando CSS! y si es asi! entonces escribe esto:

body {
text-align: center
}

y luego a la capa contenedora le escribes esto:

#contenedor {
margin: auto
}

Con eso se Centra!! Saludos!

(con eso te ayudo con lo del boton verde! xD)

[shurshok]

jafp_pe, la solucion de calizzz es perfecta, pero se le olvido mencionar un punto, si lo que quieres es centrar la pagina en los monitores largos, deberas agregarle al body, la propiedad width:1006px, para que se vea centrada, porque si no se hace, toma como que la pagina es todo el ancho, y al centrarla queda igual, ocea deberas agregar esto al css:

Código HTML:

body {
    width:1006px;
}

[Mikmoro]

No, pero el contenedor principal ya tiene un tamaño definido. Simplemente añádele margin: 0 auto a ese contenedor:

#contenedor {margin:0pt auto;
width:890px;
}

Las otras cosas: no sé cómo ni dónde quieres exactamente que vayan pero para los títulos centrales que llevan fondo amarillo simplemente busca esto en la css y añádele el line height:

#encabezado h1 {line-height:38px;
margin-top:10px;
}

y para los de verde y turquesa busca h3 en la css y añade:

h3 {color:#009933;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin-top:14px;
}

Ya dirás qué más cosas hay.

[jafp_pe]

gracias a todos!!! muchas gracias :)

Miren el resultado :
www.juegosfatal.com

ahora estas son mis preguntas .

1 - mi web ya esta buena para posicionarme en buscadores? gracias a que ya no huzo tablas? o tengo un punto a favor..??


ahora en validator css , no me sale ningun error ..

pero en validaror xhtml .. me sale mas de 500 errores ! quiero que mi web sea limpia dinamica que puedo hacer ! ..



ahora , quiero que todas mis imagenes con , de los juegos .. tenga un efecto mediante el css ,
1 - qu etengan marco

2 - si es posible un efecto que haga temblar las imagenes .. y nada mas :D





GRACIAS!!!!

[Calizman]

Vamos por pasos...

Tienes que tener en cuenta que en HTML Strict es todo absolutamente en minusculas, no en mayuscula que es el error que mas veo...

Ahora con lo de las imagenes con estilo diferente... podrias crear un class llamado
.Imagenesdelosjuegos {
border: solid 3px #000 }

Y con respecto a hacer temblar las imagenes... causa un efecto muy pesado para los ojos y se vuelve molesto... te recomiendo mejor hacer un hover a las imagenes que en vez de que tiemble cambie el temaño de la imagen o cambie el borde...

Espero te sirva! y creo que para solucionar tus 491 errores... vas a tener que revisar paso a paso cada error..

Saludos!

[jafp_pe]

ok corregire en lo que pueda lo otro es esto ..

hay veces entro por firefox y me doy cuenta que los anuncios google se mueven estanmuy arriba jodiendo asi el diseño .. se pasan de su div .. a que se deve eso?


los problemas que mas tengo en dicha web cuales son?..
mediante esto :

http://validator.w3.org/check?uri=www.juegosfatal.com&charset=(detect+auto matically)&doctype=Inline&group=0


me salen infinidad de errores pero la mayoria son de este tipo :

<link REL="SHORTCUT ICON" HREF="imagenes/favicon.ico"> (las comillas)

--> eso tambien -> <link rel="StyleSheet" href="123/newcss.css" type="text/css">


Line 750, Column 7:
XML Parsing Error: Premature end of data in tag html line 4.</html>

</html> <--

eso es mi error?? .. que hago ..

[McPinkY18]

ya te dijeron pura minusculas XD si tu html lleva doctype xhtml 1.0 strict

<link rel="shortcut icon" href="/images/favicon.ico" >

<link rel="stylesheet" type="text/css" href="estilo.css"

Saludos! :)