Mi primer sitio web con xhtml y css

[jimmy1971]

Hola, queria preguntarles que les parece?

quierohosting.com/wizspro

es mi primer web en xhtml y css. Ahun la estoy terminando, pero le qeda poco.
Tambien tengo que hacer q valide 100% podrian ayudarme? que tendria que corregir?

Gracias!

[Max-iDesigN]

Hola jimmy1971 que bonita tu pagina web , de verdad que buenas cosas se pueden hacer cuando se domina eso jeje yo no tengo muchos conocimientos pero dentro de poco ya me pongo a esto :)

te doy un karma me gusto tu pagina

[jomaruro]

Iniciado por jimmy1971

Tambien tengo que hacer q valide 100% podrian ayudarme? que tendria que corregir?

Para validar tu site tienes que dar tres sencillos pasos.

1.- Para validar el CSS : http://jigsaw.w3.org/css-validator/
2.- Para validar el HTML : http://validator.w3.org/
3.- Para validar la accesibilidad: http://www.sidar.org/hera/index.php.es

en cada uno de ellos lo único que tendrás que hacer es introducir la URI de tu página y después corregir los errores que te indique en cada paso (si los hay, claro).

Saludos.

[Aresillo]

Que tal, enhorabuena..siendo lo primero que haces esta muy bien..
una cosa? que función hace el div-body?
creo que lo puedes quitar y añadir su estilo a la etiqueta boy
body{
...
}

Otra cosa, échale un ojo al background del body. "wal"porque en mi confi de pantalla(1680x1024) se queda a medias y tengo la mitad de la pantalla con el bg y la otra en blanco.

Un saludo!

Ares

[Calizman]

Que buena esta tu pagina!

Tendras que quitar esto:

/*box-shadow: 5px 5px 10px #000;
-webkit-box-shadow: 5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000;
filter: shadow(color=#000000, direction=135, strength=5);*/

Si quieres validar tu CSS.

(dentro de lo que vi... )

[jimmy1971]

Muchas gracias por sus respuestas y la buena onda!!

jomaruro: Ya sabia eso (exepto por la tercera), me refiero más a lo que posteo Aresilo y CaliZzZ, que de paso les mando mis agradecimientos, voy a estar mirando eso a ver que se puede lograr.

Graciaaasss!!

... y sigo reciviendo sus posteos.

[jimmy1971]

Iniciado por Aresillo

Que tal, enhorabuena..siendo lo primero que haces esta muy bien..
una cosa? que función hace el div-body?
creo que lo puedes quitar y añadir su estilo a la etiqueta boy
body{
...
}

Otra cosa, échale un ojo al background del body. "wal"porque en mi confi de pantalla(1680x1024) se queda a medias y tengo la mitad de la pantalla con el bg y la otra en blanco.

Un saludo!

Ares

el div-body es quien le da el marco a la web, ese código es un poquito más antiguo, ahora lw hice unos pocos cambios que les voy a enviar luego, por tanto cumple cuna función ahora, pero antes es verdad q no.

en cuanto a la etiqueta "wall", ahora no existe, no va a tener fondo de imagen.

Gracias por la buena onda!!

[jimmy1971]

No me puedo quitar d eensima estos dos errores:

Line 86, Column 42: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag .
…ass="espaciop"> <h5 class="espacioh5">Proximamente Wizspro 2.0 sale a la luz!✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 92, Column 41: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag .
…lass="espaciop"><h5 class="espacioh5">Las 35 mejoras de la nueva versión 2.0!

[GagleKas]

No esta mal...

hay una cosa que no me gusta y que confunde. Cuando pasas el raton por encima de un link este quita el subrayado, cuando deberia ser justo al reves. Por defecto que no tenga subrayado y que al pasar por encima lo muestre. Es una opinion personal, claro esta.

Luego deberias darle un aspecto mas moderno. Hay mucho tono de gris. Todo muy de los 90, no se si me explico. Ponle colores mas vistosos.

Saludos.

[jomaruro]

Iniciado por jimmy1971

jomaruro: Ya sabia eso (exepto por la tercera), me refiero más a lo que posteo Aresilo y CaliZzZ, que de paso les mando mis agradecimientos, voy a estar mirando eso a ver que se puede lograr.

Entendido, pero ahí poco te puedo ayudar porque yo no llego a la altura de esos dos maestros.

Saludos.

[jimmy1971]

Iniciado por GagleKas

No esta mal...

hay una cosa que no me gusta y que confunde. Cuando pasas el raton por encima de un link este quita el subrayado, cuando deberia ser justo al reves. Por defecto que no tenga subrayado y que al pasar por encima lo muestre. Es una opinion personal, claro esta.

Luego deberias darle un aspecto mas moderno. Hay mucho tono de gris. Todo muy de los 90, no se si me explico. Ponle colores mas vistosos.

Saludos.

***

Tienes razón con los de los 90', de todas maneras esta no es la ultima versión, en la q estoy trabajando ahora mejora eso, tiene un marco con sombra y redondeado en las puntas, derrepente comenzar a hacer divs redondeados o con degrade.

Gracias por la onda!

[Calizman]

redondeado en las puntas, derrepente comenzar a hacer divs redondeados o con degrade.

Comenzando en el CSS y a lo que te metes! tendras unos cuantos dolores de cabeza con las esquinas redondeadas! pero adelante! tienes una muy buena web inicial, y eso dice mucho de ti! asi que adelante! no te frustres ni te desanimes por nada! y si tienes algun problema, no dudes en preguntar.

Hasta Luego!

[jimmy1971]

Iniciado por CaLiZzZ

Comenzando en el CSS y a lo que te metes! tendras unos cuantos dolores de cabeza con las esquinas redondeadas! pero adelante! tienes una muy buena web inicial, y eso dice mucho de ti! asi que adelante! no te frustres ni te desanimes por nada! y si tienes algun problema, no dudes en preguntar.

Hasta Luego!

Gracias CaLiZzZ! Te cuento que ya hice Bordes redondeados, y si! te garras dolores de cabeza. Los hice con imágenes ya que el redondeado con css puro solo lo puedo hacer con css3.0 y esto me daria problemas con varios navegadores web.

Y tengo en cuenta tu ayuda!

[GagleKas]

Las esquinas redondeadas son tan facil de hacer como poner:

-moz-border-radius: 15px;

Eso si, no cumple los estandares y solo se ve en firefox.

[Aresillo]

Iniciado por GagleKas

Las esquinas redondeadas son tan facil de hacer como poner:
-moz-border-radius: 15px;

Evidentemente ya sabemos que mozilla te lo hace así y si tuvieramos ya css3 tampoco habría problema... pero hablan de soluciones para todos los navegadores..

ARes

[jimmy1971]

Si claro, la idea es que funcione en todos los navegadores, o al menos en Explorer y Firefox, y css3 ya se puede utilizar pero solo lo soporta los últimos navegadores.

Iniciado por Aresillo

Evidentemente ya sabemos que mozilla te lo hace así y si tuvieramos ya css3 tampoco habría problema... pero hablan de soluciones para todos los navegadores..

ARes

[daPhyre]

box-shadow y border-radius son CSS3 y al parecer las siguientes versiones de Firefox, Opera y Safari/Chrome ya los soportaran. Por el momento te recomiendo que pongas las versiones -moz y -webkit para que sean vistas por los respectivos como con las esquinas redondeadas:

Código:

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Si bien, esto no validará tu CSS, lo importante es que valide los errores comunes (Ignora los "errores" que te dan los -moz para Fx, -webkit para Safari/Chrome y filter para IE). No olvides validar con CSS3, fuera de ahí, tu página sin errores se verá perfecto en todos los navegadores sin problemas (Teoricamente, pero cuidate de IE que no respeta estándares como es bien sabido)

Suerte

[jimmy1971]

Muy buen aporte gracias!
Ahora como lo ven los desarrolladores, o las emporesas que piden que el código valide el echo de que se use este código?

Realmente no lo se por que ahun no he tenido la oportunidad de trabajar en una agencioa de diseño.

Iniciado por daPhyre

box-shadow y border-radius son CSS3 y al parecer las siguientes versiones de Firefox, Opera y Safari/Chrome ya los soportaran. Por el momento te recomiendo que pongas las versiones -moz y -webkit para que sean vistas por los respectivos como con las esquinas redondeadas:

Código:

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Si bien, esto no validará tu CSS, lo importante es que valide los errores comunes (Ignora los "errores" que te dan los -moz para Fx, -webkit para Safari/Chrome y filter para IE). No olvides validar con CSS3, fuera de ahí, tu página sin errores se verá perfecto en todos los navegadores sin problemas (Teoricamente, pero cuidate de IE que no respeta estándares como es bien sabido)

Suerte

[Calizman]

Creo (a mi opinion personal) que cada empresa tiene su forma distinta de ver las cosas, cada cliente tiene una forma distinta de pedirte una web.

Por ejemplo, hace unas semanas tuve un caso, de una persona que queria una web que funcionara solo para FF, no le interesaba nada mas, le comente sobre los riesgos que habian, y no le importo nada... solo queria FF. La subio a la web? realmente no tengo idea si lo hizo o no... pero me facilito mucho mi trabajo!

Tambien hay casos de gente que lo quiere todo valido, o que se vea bien... Realmente creo que es cuestion de cada cliente o de cada jefe...

Yo no podria decirte como lo ven las agencias de publicidad, ya que no podria sacar una media de cuantas agencias quieren que sea valido y cuantas agencias no, todo depende de el lugar donde estes, y la persona que te toque.

Hasta Luego!!