[SOLUCIONADO] Como alinear vertical un texto?

#1 (**permalink**) 03/02/2013, 04:55

Hola, he buscado todo google y nada me ha funcionado, hasta he puesto esto: valign="middle"

Pero no funciona, setrata de <li>... quiero alinear este menu (el que esta a la izquierda debajo de botones sociales: www.nuevamarca.com

pzin · #2 (**permalink**) 03/02/2013, 05:02

Usa line-height con un valor igual al de la altura del elemento contenedor.

#3 (**permalink**) 03/02/2013, 05:05

ya lo tengo puesto: line-height: 44px;

y nada de nada :(... quizá tendria que hacer class? en ves de id ?

pzin · #4 (**permalink**) 03/02/2013, 05:16

Cuando tengas un código CSS más limpio y no con cada regla repetida unas seis o siete veces te sigo ayudando. Es que no es de recibo que uno quiera ayudar y tenga que ir comentando la misma cosa seis o siete veces. Además no tiene sentido alguno tener las cosas seis o siete veces repetidas.

Normalmente con line-height se puede hacer sin problemas. Pero habrá algo que esté fallando, y meterse a mirar en ese código desordenado no es demasiado agradable.

#5 (**permalink**) 03/02/2013, 05:18

Losiento Bonez.. ese menu no es mio, lo coji de otra parte..

Dime una cosa, esta bien visto el margin-top: -22px ? por que es la unica solucion que veo.. pero creo que a cara google esto es chapusa pura y dura..

#6 (**permalink**) 03/02/2013, 05:19

aah, y muchas gracias por ayudar! si no hay solución lo dejare asi y listo!

pzin · #7 (**permalink**) 03/02/2013, 05:54

Cita:

Iniciado por djkiku

Dime una cosa, esta bien visto el margin-top: -22px ? por que es la unica solucion que veo.. pero creo que a cara google esto es chapusa pura y dura..

Es un chapuza en el sentido de que seguramente habrán mejores formas de solucionarlo. Pero si lo que te preocupa es Google, dale sin miedo. A Google el CSS le da prácticamente igual.

Cita:

Iniciado por djkiku

aah, y muchas gracias por ayudar! si no hay solución lo dejare asi y listo!

Haberla hayla, seguro.

Pero te vuelvo a repetir que no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, no te hace falta repetir las cosas siete veces, porque como verás tiene el mismo sentido que hacerlo que aquí; ninguno.

Lo único que consigues repitiendo el mismo código es que al querer alguien echarte una mano se le quiten las ganas.

#8 (**permalink**) 03/02/2013, 06:02

pido disculpas, yo no pego 7 veces ejeje, cuando copie de la página.. algo debia de pasar!

Bueno campeon no te quito mas tiempo! Gracias por aclarar todo! ya encontrare el modo, asi aprendo!:)

Un Saludo!

#9 (**permalink**) 03/02/2013, 06:24

Si a alguien le interesa el tema, bueno el caso que al quitar la imagen dentro, el texto se ha puesto al medio.. entonces es cosa de la imagen.. quizá la tenga que poner de fondo para que se solucione el problema! :)

#10 (**permalink**) 03/02/2013, 06:41

SOLUCIONADO!!!

Aqui os dejo el codigo :D

Código HTML:

<a href="http://www.nuevamarca.com/2013/01/marca-apostar-apuestas.html"><img style="float:left; margin-right: 2px;" title="tiendas online" alt="marca tiendas online" src="http://2.bp.blogspot.com/-9n2KRXM-eA8/UQ48Yi2_mJI/AAAAAAAAAnw/IeQf9uVpWFk/s1600/marca-apuestas-apostar.png" />Apuestas seguras</a>

Lo que he echo es poner un float left a la imagen.. y también un margen a la derecha para que no este tan junto del texto!

Cuando sabes donde esta el problema, es más fácil de encontrar la solución! Gran lección!

C2am · #11 (**permalink**) 04/02/2013, 00:15

Como alinear vertical un texto?

Cita:

Lo que he echo es poner un float left a la imagen.. y también un margen a la derecha para que no este tan junto del texto!

Como que algo cambio en el camino, ya que el flotado y el margin-right en nada influyen en la alineación vertical de un texto.

Pero al menos estas conforme, parece.

Saludos