Foros del Web » Creando para Internet » CSS »

Separar la linea del subrayado del texto

Estas en el tema de Separar la linea del subrayado del texto en el foro de CSS en Foros del Web. Buenas, es posible separar la linea de subrayado de un texto con css? Po ejemplo tengo esto: h2 { font-size:14px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; ...
  #1 (permalink)  
Antiguo 04/11/2004, 16:01
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Separar la linea del subrayado del texto

Buenas, es posible separar la linea de subrayado de un texto con css?

Po ejemplo tengo esto:

h2 {
font-size:14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
padding-left: 10px;
text-decoration: underline;
}


¿Es posible modificarlo?

Saludosss
  #2 (permalink)  
Antiguo 04/11/2004, 16:10
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 19 años, 10 meses
Puntos: 2
si no mal recuerdo, usando en vez del underline, un border-bottom, y al mismo tiempo haciendo un line-height, te quedaría, ej:

h2 {
font-size:14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
padding-left: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
line-height: 15pt;

}

así saldría un borde inferior separado.

Saludos
  #3 (permalink)  
Antiguo 05/11/2004, 01:00
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola jesusbet la verdad es que eso mismo conseguia haciendolo así:

Código HTML:
h2{
	font-size:14px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	width: 200px;
	left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
Tu opción es practicamente la misma , sin embargo puse lo del subrayado para evitar tener que poner siempre un <div align="left"> ya que no se me colocaba a la izquierda

Ejemplo:
Código HTML:
h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin: 10px;
	}
h2     {
	font-size:14px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
En el body:

Código HTML:
<div id="capacontenido">
<h1 align="left">Dia a dia</h1> 
	<div align="left"><h2>Hoy</h2>
</div>
</div> 
Como verás con esa opción (y con la tuya) siempre tengo que ir metiendo la alineación en el html. Sin embargo con el subrayado se me coloca directamente a la izquierda y así no tendria que ir poniendo siempre el align="center" en el html.

Ejemplo:

Código HTML:
h2 {
font-size:14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
padding-left: 10px;
text-decoration: underline;
}
Body:

Código HTML:
<h2>Hoy</h2> 
O uso una opción separando el subrayado o logro alinear el texto desde el css, no se si me explico ,

Gracias un saludo
  #4 (permalink)  
Antiguo 16/11/2004, 06:38
 
Fecha de Ingreso: enero-2004
Mensajes: 63
Antigüedad: 20 años, 2 meses
Puntos: 0
ke pasa tio sobre lo de separar el subrayado la verda es que no lo he intentado nu nca y no se si se podrá pero para alinear a la izquierda o bien usas float:left; o text-align:left; no uses align="left" porke eso no tira :p
__________________
-----------
TheKeePEr
Emoxion [ Musica Electronica ]
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:08.