css, pasito a pasito
Como bien se dijo en la conferencia, hay que evangelizarse cada dia un poquito, y me he dado cuenta de la canrtidad de cosas que no se por no preguntar, y aunque me queda pendiente comprarme el libro de anaya de css, me he propuesto aprender por lo menos una cosa al dia, bueno este es mi dilema para hoy:
tengo por un lado esto->
<code>
<div align="center"><img src="img/foto1.jpg" width="475" height="356"></div>
y funciona perfectamente, pero justo debajo esto otro->
<div align="justify" style="width:475px; padding: 1px;" class="parrafo">
Welcome to Unique Estates, a professional
real estate company, who recognise the fact that all clients have differing
needs. Through listening we provide a personalised service, hence our motto
&#8211; &#8220;Unique property for Unique people&#8221;
</div>
</code>
y no tengo ni idea de como centrar este div, si le pongo align="center" me centra el texto claro, asi que empecemos por las propiedades de alineado de los DIV ¿como leches centro un DIV?
hartum
ya esta solucionado, y he puesto la solucion pero como mi conexion hace aguas he perdido el mensaje, si a alguien le interesa lo posteo
txuma
Dios mio.... aprender una cosita al día !!!! Tio, que te va a dar un mal !!! Jeejejejeje :P
dirarck
Yo sigo esa regla pero a lo bruto, intento aprender todo lo k puedo al dia (asi tengo la cabeza :P), hartum, en mi opinión mañana te toca aprender a quitarle el atributo align al div (si es que no lo sabes ya).
hartum
pues no no lo sabia, porque no es correcto, porque mezcla presentacion con contenido?(supongo yo) cual seria el sustitutivo?
helenp
por ejemplo:
<code><div class="center"><img src="img/foto1.jpg" width="475" height="356"></div>
.center { margin: auto; }</code>
O mas facil si lo quieres todo centrado:
<code><div id="contenido">
blalblabla bla
<img src="img/foto1.jpg" width="475" height="356">
blablabla
</div>
#contenido { margin: auto; etc }</code>
dirarck
A mi juicio, y creo que al del w3c (ahora mismo no toy seguro), el atributo align está orientado a la presentación, y como todos sabemos, html no está pensado para implementar la presentación de un documento, para eso usamos css, por lo que deberás usar css para alinear elementos en un documento. Estoy casi seguro que ese código no valida en xhtml 1.1, no sólo porque no tienes las barras al final de los elementos vacios, sino porque usas el atributo align entre otras razones.
cbp
el align es trampa, no se vale utilizarlo :P
LazyRoy
bueno ya que estamos, una pregunta rapida, ¿como se alinea un div dentro del body de un documento html para que quede centrado en el horizontal y el vertical?, creo que sé como es, pero es para cerciorarme.
GRACIAS!
;)
txuma
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
Salu2
LazyRoy
gracias txumita!
;)
txuma
ya sabéis que siempre es un placer ayudar :P