Uno de los elementos que más se utiliza en la maquetación de artículos, en medios tradicionales, es la utilización de destacados textos empleados para resaltar alguna frase o declaración especial, que poseen un cuerpo mayor al del resto del texto y que generalmente van en cursiva y/o negrita. Para su maquetación con CSS podemos hacer uso de float. Con la propiedad float podemos hacer que el destacado flote a la derecha o a la izquierda del borde del elemento superior. Cuando un elemento está flotado se quita del flujo normal de la página, lo cual es muy útil para realizar este tipo de composiciones. También podemos utilizar la propiedad padding para separar el contenido del destacado de su borde y la propiedad margin para separar el destacado del texto exterior. Un ejemplo podría ser:
CSS:
#noticia{
font-family: ¨Lucida Sans Unicode¨, sans-serif;
font-size: 13px; color: #777;
line-height:20px; text-align:justify;
}
.destacado {
font-family: Georgia, ¨Times New Roman¨, Times, serif;
float:left;
color:#993300;
width:200px;
padding:6px;
margin-right:10px;
position:relative;
font-size:18px;
font-weight:normal;
text-align:left;
font-style: italic;
border-top:4px solid #CCC;
border-bottom:4px solid #CCC;
}
HTML:
<div id=¨noticia¨><p>Todos los grupos políticos querían salir en la foto del Internet barato y de calidad para todos. Así que han vuelto a retorcer el lenguaje para lograrlo. La Comisión de Industria del Congreso de los Diputados aprobó ayer por unanimidad una enmienda transaccional que,Se da luz verde a la banda ancha universal para 2008 pero sin garantía de financiación teóricamente, garantiza que el Gobierno y las Comunidades Autónomas deberán conseguir antes del 31 de diciembre de 2008 la cobertura de servicio universal de banda ancha en todo el Estado. En concreto, la nueva la<span class=¨destacado¨> Ley de Medidas de Impulso a la Sociedad de la Información (LISI)</span> señala que antes de esa fecha se garantice “una cobertura de servicio universal de conexión a banda ancha, para todos los ciudadanos, independientemente del tipo de tecnología utilizada en cada caso y de su ubicación geográfica”, pero “siempre que sus peticiones sean razonables“ y “en los términos que se definan por la normativa vigente”.</p></div>
pruebenlo les va a gustar el resultado final =)
Y FELIZ DIA DEL AMIGO!
Por labarbie
