Preguntas sobre diseño web

[elQuique]

Photoshop se puede usar para dibujar, pero la generación de HTML y CSS es mala ya que ensucia bastante, a veces es hasta peor que Frontpage :P

[riiveer]

Sip gracias a todos!

Para no abrir un nuevo tema me pudieran decir algo rapidito?
Como centro toda la pagina (con css oviamente) usando el body, y un div "contenedor".?

[Alejandro]

Mira acá: centrar DIV horizontal en CSS

Y te dejo otro muy bueno y claro: Centrar las cosas en una página web

[riiveer]

Gracias Spam!
Me sirvio perfecto el tuto de cristalab. Despues me leí el tuto de "Centrar las cosas en una pagina web" y me surgio una pequeña duda.

Si con el margin se centra el bloque y con el text-align se centra el contenido del bloque, porque no funciona centrar la web solo usando esto:

#contenedor {
margin:0 auto 0 auto;
width:390px;
text-align: left
}

Y tenemos que agregarle esto al body:

body { text-align:center; }

Perdon si es algo ovio, como ven estoy empesando.
Saludos!

[Alejandro]

No estoy 100% seguro, pero en el post de Cristalab lo mencionan, se usa porque el navegador Internet Explorer 6 (que ya es viejo y no se debería de usar) no interpreta correctamente el código CSS estándar. En versiones más modernas Internet Explorer 7, 8 y 9 se solucionó... en el resto Firefox, Opera y Chrome no hay problemas con eso.

[riiveer]

No estoy 100% seguro, pero en el post de Cristalab lo mencionan, se usa porque el navegador Internet Explorer 6 (que ya es viejo y no se debería de usar) no interpreta correctamente el código CSS estándar. En versiones más modernas Internet Explorer 7, 8 y 9 se solucionó... en el resto Firefox, Opera y Chrome no hay problemas con eso.

Ahh okok. Entonces ya en verciones nuevas basta con solo poner:

#contenedor {
margin:0 auto 0 auto;
width:390px;
text-align: left
}

?

Saludos!

[Usuario bien anónimo]

Sobre el Photoshop te respondió elQuique, que sí sabe, no como yo

#contenedor {
margin:0 auto 0 auto;
width:390px;
text-align: left
}

No sé si será necesario eso porque creo que es lo que viene por defecto; si no está alineado a la derecha no es necesario alinearlo a la izquierda.
No sé si estaré equivocado. No creo.
Aparte: text-align left debe finalizar con ;, como todos.

[elQuique]

Esto lo respondí hace un tiempo:

Hay una forma valida de hacerlo, justo hace un rato estaba con esto smile.gif, vamos por paso:

1) Tu web debe estar contenido en un DIV general de medidas fijas, ejemplo:

CÓDIGO

<div id="general">
toda tu web aca
</div>


2) El posicionamiento de este DIV via CSS debe ser abosoluto, por tanto el CSS de este div quedaría así:

CÓDIGO

#general {
width: 800px;
height: 500px;
position: absolute; // esto debe ser absoluto
top: 50%; // se posiciona al 50% del alto total
margin-top: -250px; // pero bueno el margen superior sera negativo y el valor sera la altura dividido 2 (500 / 2 = 250px)
left: 50%; // como la posición es absoluta no sirve el margin left y right auto, debes usar la misma regla, por tanto se posiciona al 50% del ancho
margin-left: - 400px; // y también el margen debe ser la mitad del ancho
}


Listo ahí queda centrada, horizontal y verticalmente y VALIDO !!!

Sobre ligthbox esta buena, y si solo quieres centrar una web la veo excesiva jeje AJAX es moda pero tampoco para meterlo en todos lados jaja

Te dejo el link a la versión 2 de Ligthbox

http://www.huddletogether.com/projects/lightbox2/

en mi antiguo foro ...

[elQuique]

Buscando otra cosa me encontré este otro mini tutorial que publique hace un tiempo Centrado Horizontal y Vertical con CSS

[eljulio]

Si quieres aprender desde cero, html + css y utilizar Dreamweaver como apoyo te recomiendo:
http://www.photoshopytutoriales.com/cur ... ginas-web/

+20 video tutoriales basicos de diseño web. Espero que te sean de utilidad

Muy bien.. no tendo idea como llegue a este foro, pero me agrado mucho y veo que todavia esta muy activo! Hace 1 dia me quise meter en esto de diseño web..
Pero tengo algunas preguntas:

Para hacer una web basica, el puro diseño, nada de java, aplicaciones ni nada de eso, como es la forma en que se hace? Con dreamweaver a puro html y css?
Si alguien tuviera la paciencia de ayudarme en esto que apenas voy empesando.. les dejo mi correo: eduuuu_@hotmail.com

Saludos!