Foros del Web » Creando para Internet » CSS »

Letras capitales

Estas en el tema de Letras capitales en el foro de CSS en Foros del Web. Hola: Estoy buscando la manera de poner la primera letra de un texto como capital y he empleado el seudo-elemento first-letter, pero me pone todo ...
  #1 (permalink)  
Antiguo 12/10/2005, 11:07
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Letras capitales

Hola:
Estoy buscando la manera de poner la primera letra de un texto como capital y he empleado el seudo-elemento first-letter, pero me pone todo el párrafo en capitales.

P:first-letter {
font-size: 250;
float:left
}

p {
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}

¿Cómo debe hacerse?

Gracias por la ayuda
  #2 (permalink)  
Antiguo 12/10/2005, 11:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Me temo que la otra opción: "text-transform: capitalize" devuelve el mismo resultado.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 12/10/2005, 12:54
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Pues a mí ni eso, lo he probado y el texto se queda igual, incluso he probado quitando el "text-indent" por si acaso, pero nada.
Gracias por responder.
Un saludo
  #4 (permalink)  
Antiguo 12/10/2005, 13:10
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
Cita:
Iniciado por gutiw
Hola:
Estoy buscando la manera de poner la primera letra de un texto como capital y he empleado el seudo-elemento first-letter, pero me pone todo el párrafo en capitales.

p:first-letter{
font-size: 250px;
float:left;
}

p{
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}

¿Cómo debe hacerse?

Gracias por la ayuda
no funciona en IE
  #5 (permalink)  
Antiguo 12/10/2005, 13:42
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Bueno, lo he probado y funciona en IE, Firefox y Opera (no quería decir 250px, quería decir 250%) lo que pasa es que no queda muy bonito, la capital no queda encajada perfectamente, Firefox peor que en IE, Opera más o menos, voy a trabajar el asunto a ver si lo puedo arreglar, gracias por las correcciones RoC.
Un saludo
  #6 (permalink)  
Antiguo 12/10/2005, 13:46
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Me olvidaba, en Dreamweaver se ve todo el texto enorme, aunque luego en la vista con los exploradores eso se corrige y se ve la capital con el texto normal.
Misterios...
  #7 (permalink)  
Antiguo 12/10/2005, 14:16
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
de repente el float left es lo que hace que no se vea encajada
  #8 (permalink)  
Antiguo 12/10/2005, 14:38
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Pues sí, quitándole el float left se encaja mejor, pero el rpoblema es que se pone en la primera línea y sobresale por arriba y yo lo que quiero es que ocupe tres líneas de alto. De todos modos con el problema del visionado en Dreamw. es imposible trabajar, las letras se ven enorrrrrrmes, necesitaría una pantalla de 1000", de momento renuncio, pues tengo que entregar el trabajo y no paran de llamarme...
Muchas gracias RoC
  #9 (permalink)  
Antiguo 14/10/2005, 01:20
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
p:first-letter{
font-size: 50px;
float:left;
}

p{
font-size: 25px;/*haz probado darle propiedade fontsize al p?*/
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}
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 15:52.