Foros del Web » Creando para Internet » CSS »

Centrar flecha con texto

Estas en el tema de Centrar flecha con texto en el foro de CSS en Foros del Web. Hola, Tengo en una capa un texto en el que en 2 lineas hay una flecha en cada una de ellas. Despues de cada flecha ...
  #1 (permalink)  
Antiguo 26/08/2009, 02:58
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 16 años, 1 mes
Puntos: 0
Centrar flecha con texto

Hola,

Tengo en una capa un texto en el que en 2 lineas hay una flecha en cada una de ellas. Despues de cada flecha de cada linea hay un texto.

El oriblema es que la flecha está metida en un circulo y es más alto que el tamaño del texto. No me queda centrado verticalmente el texto conla bola que contiene la flecha.

¿Como puedo solucionar esto? No se si me he explicado bien...
  #2 (permalink)  
Antiguo 26/08/2009, 07:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Centrar flecha con texto

¿Y si pones los códigos html + css implicados y ofreces algo más de información: si la imagen es un fondo, qué tamaño tiene...?

Pero sólo es una sugerencia, Laika, a no ser que quieras algo tan genérico como preguntarte si ya utilizaste el "line-height" u otras propiedades relacionadas con los textos.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 27/08/2009, 02:29
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Centrar flecha con texto

Nada no lo condigo con eso.

LO que tengo son estas 2 lineas de texto:

Cita:
<p> <img src="images/flecha.gif" width="17" height="17" /> Texto1<br />
<img src="images/flecha.gif" width="17" height="17" />Texto2</p>
Los 17 pixeles de altura de la foto son mas grandes que la altura del texto y por eso no me queda centrado.

¿Alguna otra idea?
  #4 (permalink)  
Antiguo 27/08/2009, 14:25
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar flecha con texto

Hola:

Cita:
Iniciado por Laika Ver Mensaje
¿Alguna otra idea?
¿Has leído lo que te ha dicho Kseso? sobre poner los códigos implicados?

Saludos.

  #5 (permalink)  
Antiguo 28/08/2009, 18:50
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: Centrar flecha con texto

Hola Laika

Por tu antigüedad en el foro y los numerosos posts que has escrito presupongo que ya sabes que cuántos más datos incorpores en tu pregunta mucho mejor es para quienes queremos (e intentamos) ayudar. Insisto y comparto lo que comenta kseso? y que recuerda jomaruro sobre este aspecto.

Yo creo que te refieres a conseguir un nivelado en la horizontal entre una pequeña imagen, a modo de viñeta, y el texto que la sigue. Si estoy en lo cierto prueba esto, a mí me funciona:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba para Layka</title>
<style type="text/css">
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.altura {
	position: relative;
	top: -5px;
}
</style>
</head>

<body>

<p><img alt="" src="images/flecha.gif" width="17" height="17" /><span class="texto altura">Texto 1</span></p>
<p><img alt="" src="images/flecha.gif" width="17" height="17" /><span class="texto altura">Texto 2</span></p>

<p><img alt="" src="images/flecha.gif" width="17" height="17" /><span class="texto altura">Texto 1</span><br />
<img alt="" src="images/flecha.gif" width="17" height="17" /><span class="texto altura">Texto 2</span></p>

</body>

</html> 
Esperando comentario...

Bye
  #6 (permalink)  
Antiguo 31/08/2009, 03:32
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Centrar flecha con texto

Mcuhas gracias es lo que necesitaba
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 01:16.