codigo para que el espacio entre parrafos sea menor

movisoft · #1 (**permalink**) 26/09/2003, 00:07

Hola, estoy haciendo una pagina en css y queria saber cuando escribimos un texto la separacion entre lineas es line-height pero cuando pulsas intro en dreamweaver al menos esa separacion no la obecece y no es como la anterior, hay mucho mas, entonces queria saber que codigo es en css para que cuando pulse intro no se me haga ahi un espacio como de una linea.

Saludos

PascalC · #2 (**permalink**) 26/09/2003, 07:37

¿ cual es tu código ?

movisoft · #3 (**permalink**) 26/09/2003, 07:50

body {

scrollbar-3dlight-color:#71E8B8;
scrollbar-darkshadow-color:#82BCDA;
scrollbar-highlight-color:#D7ECF5;
scrollbar-shadow-color:#3985AB;
scrollbar-arrow-color:#FFFFFF;
scrollbar-face-color:#1AB394;
scrollbar-track-color:#20D9B4;
}
tbl {
text-indent:40px;
line-height:20px;
font-family:Arial;
font-size:12px;
}

Esp este

a:link { font-family: Tahoma, Verdana, Arial; color: #000000; text-decoration: none; font-size:12px}
a:visited { font-family: Tahoma, Verdana, Arial; color: #A1A1A1; text-decoration: none; font-size:12px}
a:hover { font-family: Tahoma, Verdana, Arial; color: #A1A1A1}
a:active { font-family: Tahoma, Verdana, Arial; color: #A1A1A1; text-decoration: none; font-size:12px}

a.estilo2:link { font-family:Arial; color: #FFFFFF; text-decoration: none; font-size:12px}
a.estilo2:visited { font-family:Arial; color: #FFFFFF; text-decoration: none; font-size:12px}
a.estilo2:hover { font-family:Arial; color: #FF0000}
a.estilo2:active { font-family:Arial; color: #red; text-decoration: none; font-size:12px}
-->

PascalC · #4 (**permalink**) 26/09/2003, 08:10

hablaba del cófigo HTML para saber que elementos alcanzar en CSS

Suponiendo que tenes 2 párrafos así :
El párrafo1
El párrafo2

Haría que controlar el margen externo superior e inferior de los párafos :
p {margin-top:0; margin-bottom:0;}

Lo importante es saber qué código HTML te produce DW para poder aplicar el código CSS conveniente.

caricatos · #5 (**permalink**) 26/09/2003, 10:42

Hola movisoft:

Voy a complementar lo que te puso PascalC (¡Hola

!)

Puedes poner también todos los márgenes iguales con
p {margin:0;}

... y si son desiguales, puedes poner 4 valores distintos que representarían los márgenes superior, derecho, inferior e izquierdo... (empezando por el superior y en el sentido de las agujas del reloj)
p {margin: 0 1cm 0 1cm;}

Y si te interesa que tenga un formato correcto en español, tendría que estar sangrada la primera línea con text-indent...

p {margin: 0 1cm 0 1cm; text-indent: 1cm;}

Saludos

movisoft · #6 (**permalink**) 26/09/2003, 13:23

Hola, yo lo que quiero es ponerlo en el archivo css, lo he intentado pero no me va, podriais guiarme un poco mas?

Saludos

caricatos · #7 (**permalink**) 27/09/2003, 04:24

Hola otra vez:

La linea que yo tengo para usar hojas de estilo externas es:
<link rel=stylesheet type="text/css" href="estilos.css">

Y en el fichero estilos.css no se debe poner la etiqueta style.
el contenido sería:
p {margin: 0 1cm 0 1cm; text-indent: 1cm;}

No estoy seguro que sea eso lo que quieres.

Saludos

movisoft · #8 (**permalink**) 27/09/2003, 05:16

Hola, pero lo de margin es el espaciado entre lineas cuando da a intro? mira yo cuando escribo en dreamweaver sale esto:

Adkodfsjksdfjisdfjklfasdjklsdfjklsdfjklfsdjklsdfjk lasdfjklsdfjklfasdjklsdfajklsdfjklsdfjklsdfjklsdfj klsdfjklsd.

Asdfuisdfuiopsdfuopsdfauiopsdfauiosdfauioasdfuiosd ffsdjklñsdfajklsdfjklfsdkljsdfajkldfasjklasdf

Y yo quiero que salga esto:

dsfñjklsdfjklsdfjklsdfajklsdfajklsdfajklsdfjklsdfa jkldfasjklfsdljksdfajklsdljksdfjklsdfajklsdfajklfs djklfsdjklfsdjklasdfjklsdfajklsdfjklsdfjklasdfjklf asdjklsdfajklsdfakljsdfajklsdfañklsdfa. Adgfsjdgfjkldgfjklfsdgjklgfsdjkldgfsjklñfsdgjklsdg fjkldgfsljkdgfjkldgfkljgfd.

ves la diferencia? pues la diferencia es que cuando yo pulso intro es como si dejase una linea vacia en medio, eso cuando lo haces en Word no sale, y aqui tampoco por eso puedo poner el parrafo de arriba y el parrafo de abajo (dos colores diferentes para diferenciarlo) juntos, espero que haya podido explicar mejor lo que quiero.

Saludos

PascalC · #9 (**permalink**) 27/09/2003, 18:06

¿ cuál es el código HTML producido por Dreamweaver ?

tunait · #10 (**permalink**) 28/09/2003, 03:39

movisoft, tu problema es de Dreamweaver, no de css.

Para que no te genere un salto de párrafo si no que te genere un retorno de carro (salto de línea) mantén presionada la tecla shift cuando le des al intro.

Si das al intro te genera un 
Si le das shift+intro te genera un

movisoft · #11 (**permalink**) 28/09/2003, 06:10

Muchas gracias Tunait, Pascal C y demas, era eso de pulsar mayusculas & Intro, eso era lo que queria.

Saludos

josequinta · #12 (**permalink**) 18/02/2008, 09:13

a mi tambien me ha pasado, lo haré. Saludos y muchas gracias

PABLITEX · #13 (**permalink**) 22/08/2009, 06:37

SOBRE TU CONSULTA

margin-left:10px;
margin-right:10px;
margin-top:2px;
margin-bottom:2px;

CON ESAS PROPIEDADES EN CSS APLICADAS A VAS A PODER ESTABLECER LAS DIMENCIONES DE TODOS LOS BORDES DE UN PARRAFO. Y ASI VAS A LOGRAR EL EFECTO QUE NECESITAS.
UNA SOLUCION NAS ELEGANTE QUE "SHIFT+ENTER"
OJALA TE SIERVE..... PABLITEEEX!! xD

jomaruro · #14 (**permalink**) 22/08/2009, 09:29

Hola Pablitex:

Bienvenido al foro. ¿Te has dado cuenta de que la duda original es de hace 6 años y que además ya estaba resuelta?

Por favor, no revivas temas tan antiguos.

Saludos.