Foros del Web » Creando para Internet » CSS »

Centrar elementos de imagen y texto

Estas en el tema de Centrar elementos de imagen y texto en el foro de CSS en Foros del Web. Seguro que es una tonteria pero me gustaria saber como centrar el texto con la imagen en cada elemento. Imagen de como esta ahora mismo ...
  #1 (permalink)  
Antiguo 10/01/2010, 07:14
 
Fecha de Ingreso: diciembre-2009
Ubicación: España
Mensajes: 119
Antigüedad: 8 años
Puntos: 2
Centrar elementos de imagen y texto

Seguro que es una tonteria pero me gustaria saber como centrar el texto con la imagen en cada elemento.

Imagen de como esta ahora mismo



El codigo en HTML es este:

Cita:
<ul id="documentacion">
<li><img src="img/web/icono_pdf.png" /><a href="#">Documento 1 (Necesita Acrobat Reader para visualizarlo)</a></li>
<li><img src="img/web/icono_pdf.png" /><a href="#">Documento 2 (Necesita Acrobat Reader para visualizarlo)</a></li>
<li><img src="img/web/icono_doc.png" /><a href="#">Documento 3 (Necesita Microsoft Word para visualizarlo)</a></li>
<li><img src="img/web/icono_doc.png" /><a href="#">Documento 4 (Necesita Microsoft Word para visualizarlo)</a></li>
<li><img src="img/web/icono_pdf.png" /><a href="#">Documento 5 (Necesita Acrobat Reader para visualizarlo)</a></li>
</ul>
Saludos y Gracias.
  #2 (permalink)  
Antiguo 10/01/2010, 07:54
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: Centrar elementos de imagen y texto

Buenas,

Habría que ver el código CSS pero de todos modos como la imagen parece no tener relevancia para el contenido lo correcto sería usar la propiedad list-style-image o como background de <a> pero no incluir la etiqueta <img> y con eso también se resolvería el problema sencillamente.

Otra cosa no es bueno ofrecer documentación en formatos propietarios o al menos dar otra alternativa.

Un saludo.
  #3 (permalink)  
Antiguo 10/01/2010, 10:00
 
Fecha de Ingreso: diciembre-2009
Ubicación: España
Mensajes: 119
Antigüedad: 8 años
Puntos: 2
Respuesta: Centrar elementos de imagen y texto

Cita:
Iniciado por Tecna Ver Mensaje
Buenas,

Habría que ver el código CSS pero de todos modos como la imagen parece no tener relevancia para el contenido lo correcto sería usar la propiedad list-style-image o como background de <a> pero no incluir la etiqueta <img> y con eso también se resolvería el problema sencillamente.

Otra cosa no es bueno ofrecer documentación en formatos propietarios o al menos dar otra alternativa.

Un saludo.
Pero para hacer lo de list-style-image en teoria solo se puede poner una imagen nada mas ¿o no? Para hacer background en <a> imagino que habra que convertirlo en un bloque (display:block) ¿verdad?

En cuanto a la documentacion, es simplemente un ejemplo para el proyecto que estoy desarrollando. Pero tengo curiosidad que otras alternativas hay al Word y PDF.

Saludos y Gracias por responder.

Etiquetas: elementos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:28.