Espacio

Cual es el comando que se pone para modificar el espacio entre lineas ??
en el texto q tengo escrito....
gracias
atte
Jorge.
Respuesta
1
Se puede usandolo dentro de una etiqueta SPAN
<span style="line-height: 25px">
<p><font color="#FFFFFF">HOME</font>
</span>
Hasta donde tengo entendido se puede hacer con:
Line-height: 20px
Ponlo como un atributo más en tu archivo.css
nunca lo he usado, pero me parece que el valor por defecto es de 10 a 12 pixeles, asi que cualquier valor mayor a ese deberia ser perceptible.
SUERTE!
si iria directo en el mismo archivo, no en el css sabes como quedaria (??)
line-height: 20px asi funciona bien en el archivo css, pasa q lo queria agregar en una sola parte de un archivo y no tengo ahi nada en css
osea x ej tengo...
<p><font color="#FFFFFF">HOME</font></p>
sabes como o que tendria que agregar si quisiera ponerlo alli ?
tengo el siguiente estilo definido
<STYLE TYPE="text/css" MEDIA="screen, print, projection">
<!--
.primeraspalabras {
line-height: 95px;
font-size: 30px;
}
-->
</STYLE>
lo estoy haciendo con el dreamweaver en la vista del dreamwaver funcion bien (line-height y font size) pero cuando lo ejecuto, el line-height NO FUNCIONA, x mas que le cambie el numero siempre esta igaul (cuando lo ejecuto; en la vista del dreamweaver si varia) es dentro de un frame q hay hecho. SABES QUE PUEDE SER ????
ahi va todo el codigo que tengo actualmente
<html>
<head>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<STYLE TYPE="text/css" MEDIA="screen, print, projection">
<!--
.primeraspalabras {
line-height: 95px;
font-size: 30px;
}
-->
</STYLE>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" background="Fondos_164_amar.jpg">
<p><SPAN CLASS=primeraspalabras><a href="index.htm" target="_parent"><img src="Numer.gif" width="20" height="20" border="0"></a>
HOME</span></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="bibliotecas.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
BIBLIOTECAS</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="bomberos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
BOMBEROS</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="correos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
CORREO</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="educacion.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
EDUCACION</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="eventos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
EVENTOS</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="plazas.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
PLAZAS</font></b></font></p>
<p><font size="2"><b><font color="#FFFFFF"><a href="hospitales.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
SALUD</font></b></font></p>
<p><b><font color="#FFFFFF" size="2"><a href="seguridad.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
SEGURIDAD</font></b></p>
</body>
</html>
GRACIAS DESDE YA
Atte
Jorge
me sucede lo mismo si lo uso con el ejemplo q vos me distes
Dos cosas:
Primero; respecto de dreamweaver y el código que genera... para hacer sitios de forma visual, es muy útil, pero en general el código que usa es muy muy malo... largo y con muchas etiquetas de sobra... lo mismo se puede hacer con mucho menos código... te mando una copia de tu código optimizado.
(Si ya sabes algo de HTML te recomiendo armar las páginas con programas menos visuales que dreamweaver.. por ejemplo, el que yo uso: AceHTML5Pro)
<html>
<head>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<STYLE TYPE="text/css" MEDIA="screen, print, projection">
<!--
.primeraspalabras {
line-height: 20px;
font-size: 30px;
}
-->
</STYLE>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" background="Fondos_164_amar.jpg">
<p><SPAN CLASS=primeraspalabras><a href="index.htm" target="_parent"><img src="Numer.gif" width="20" height="20" border="0"></a>
HOME<br><br>
<font size="2" color="#FFFFFF"><b><a href="bibliotecas.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a> BIBLIOTECAS<br><br>
<a href="bomberos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a> BOMBEROS<br><br>
<a href="correos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
CORREO<br><br>
<a href="educacion.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a> EDUCACION<br><br>
<a href="eventos.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
EVENTOS<br><br>
<a href="plazas.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a>
PLAZAS<br><br>
<a href="hospitales.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a> SALUD<br><br>
<a href="seguridad.asp" target="mainFrame"><img src="Numer.gif" width="20" height="20" border="0"></a> SEGURIDAD</b></font></span>
</body>
</html>
Segundo:
Respecto al alto de las lineas... el alto que defines se logra para cuando tienes un texto largo que ocupa más de una linea (en tu código original trata de escribir un parrafo completo a continuacion de la palabra "HOME" y sin usar etiquetas para saltos de lineas y vas a ver como funciona el line-height)
Si quieres variar la separacion entre botones de menú, puedes hacerlo usando tablas o imágenes gif transparentes (de esa forma se hace normalmente)
De todas formas, si usas el código que te mandé (usando <BR> en ves de <P>, también funciona el "line-height")

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Espacio entre lineas

Tengo por por ej el siguiente código <p><font color="#FFFFFF">HOME</font></p> ¿Sabes qué cual es el comando que le tendría que agregar para que haya menos espacio entre lineas? Osea abajo tengo escrita otra linea, pero quiero que este más junta a la...
2 respuestas

Menu a partir de un fichero CSS

Hace un tiempo vi en una web un codigo para que una web cargase un menu (simple y normal) directamente desde un fichero css en vez de tener que meter el codigo en cada fichero de la web. Supongo que servira igual con cualkier codigo pero vamos pongo...
1 respuesta

Fijar un div o tabla para q no se cambie el ancho

Te escribo nuevamente por lo siguiente, estoy haciendo un blog, entonces la parte de los post, es decir de los registros del blog estaran del lado izquierdo, para poner otras cosas del lado derecho, la pregunta es: cuando hago un contenido muy largo...
1 respuesta

Cargar en un div una página html, desde una barra de menú

Estoy armando un sitio en html con css. La página "inicio.html" posee un menú que tiene cuatro alternativas. La idea es que cada una de estas alternativas traiga un html y lo muestre dentro de un div. Esto lo he realizado en php y ahí utilizaba...
1 respuesta

La pagina web no se me ve bien..

Quiero preguntarte por que razón una pagina web que tengo de desarrollada en Dreamweaver CS5 no se me ve bien cuando la deseo visualizar en internet explorer o en Mozilla firefox, en algunas paginas me dicen el algunos sitios web que debo de poner,...
1 respuesta

¿Div? ¿

Que es un div? ¿Es que lo he oído mucho y no se que es ni para que se utiliza. Me ayudarías mucho si ademas me dijeras los atributos de la etiqueta.
1 respuesta

Cambia el texto de color-on MouseOver

Colegas, seguro que es sencillo y estaré a un paso de conseguirlo he definido estilos CSS y me cambia el texto de color dependiendo si lo he pinchado o no... ¿Pero no consigo que me cambie cuando paso por encima? Lo estoy intentando hacer desde...
1 respuesta

¿CSS no funciona en firefox?

Mi sitio "metalazteca . Org" no se ve el fondo que tengo (unas púas) cuando lo abro en firefox ni en opera, pero cuando lo abro en IE si se ven. ¿Qué tengo que hacer para que se vean? Uso Dreamweaver.
1 respuesta

Reescalar con dreamweaver

Trabajo con Dreamweaver CS5.5 y quiero aplicarle a mi página las plantillas que hay para los distintos dispositivos de visualización (tablet - móvil - ordenador). El problema surge cuando voy al apartado de multipantalla, abro la consulta de medios y...
1 respuesta

Personalizar mensaje que llega a email desde formulario

En una pagina web tengo introducido un formulario, que tras introducir los datos y el mensaje correspondiente, es enviado a un E-mail. Bien me gustaría saber si puedo configurar de alguna manera el mensaje que llega a mi correo, configurarlo en...
1 respuesta