Foros del web, para los que viven de bits

gmansi · 30-sep-2007, 18:08

Hola a todos, si tengo definido un estilo tal como muestro:

Código:

.Normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
	text-indent: 30px;
	text-align: justify;
	margin-right: 50px;
	margin-left: 50px;
}

y además quiero que la primer letra de cada párrafo del tipo Normal tenga un tamaño de letra del doble, o sea deseo usar:

Código:

p:first-letter {
  font-size: 2em;
}

Lo que no se es como asignar las dos cosas juntas directamente desde la hoja CSS...

si hago algo como:

Código:

.Normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
	text-indent: 30px;
	text-align: justify;
	margin-right: 50px;
	margin-left: 50px;
}
p:first-letter {
  font-size: 2em;
}

No me respeta lo de la primer letra en doble de tamaño y si invierto los dos segmentos separados con {} no me respeta el resto de los formatos...

Debe ser que deben ir anidadas las declaraciones? O no se pueden declarar todas estas propiedades juntas?

Tycroz · 30-sep-2007, 18:14

agrega
.Normal p:first-letter {
font-size: 2em;
}
a
p:first-letter {
font-size: 2em;
}

gmansi · 30-sep-2007, 19:41

Si señor !!!

Correcta tu solución, queda funcionando así:

Código:

.Normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
	text-indent: 30px;
	text-align: justify;
	margin-right: 50px;
	margin-left: 50px;
}

.Normal p:first-letter {
  font-size: 2em;
}

Lo que yo no sabía era si se podía declarar todo dentro de un solo .Normal o si había que hacer dos entradas independientes.

Muchas gracias !!

30-sep-2007, 18:08	#1 (permalink)
gmansi Fecha de Ingreso: octubre-2005 Mensajes: 504	Duda sobre p:first-letter Hola a todos, si tengo definido un estilo tal como muestro: Código: .Normal { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; background-color: #ffffff; color: #000000; font-weight: normal; font-style: italic; line-height: 150%; text-indent: 30px; text-align: justify; margin-right: 50px; margin-left: 50px; } y además quiero que la primer letra de cada párrafo del tipo Normal tenga un tamaño de letra del doble, o sea deseo usar: Código: p:first-letter { font-size: 2em; } Lo que no se es como asignar las dos cosas juntas directamente desde la hoja CSS... si hago algo como: Código: .Normal { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; background-color: #ffffff; color: #000000; font-weight: normal; font-style: italic; line-height: 150%; text-indent: 30px; text-align: justify; margin-right: 50px; margin-left: 50px; } p:first-letter { font-size: 2em; } No me respeta lo de la primer letra en doble de tamaño y si invierto los dos segmentos separados con {} no me respeta el resto de los formatos... Debe ser que deben ir anidadas las declaraciones? O no se pueden declarar todas estas propiedades juntas?

30-sep-2007, 18:14	#2 (permalink)
Tycroz Fecha de Ingreso: marzo-2007 Ubicación: Nayarit,Mexico Mensajes: 87	Re: Duda sobre p:first-letter agrega .Normal p:first-letter { font-size: 2em; } a p:first-letter { font-size: 2em; }

30-sep-2007, 19:41	#3 (permalink)
gmansi Fecha de Ingreso: octubre-2005 Mensajes: 504	Re: Duda sobre p:first-letter Si señor !!! Correcta tu solución, queda funcionando así: Código: .Normal { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; background-color: #ffffff; color: #000000; font-weight: normal; font-style: italic; line-height: 150%; text-indent: 30px; text-align: justify; margin-right: 50px; margin-left: 50px; } .Normal p:first-letter { font-size: 2em; } Lo que yo no sabía era si se podía declarar todo dentro de un solo .Normal o si había que hacer dos entradas independientes. Muchas gracias !!

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado