Cuando meto párrafos dentro de divs aumenta el padding

Citar

Escrito el 27 Dic 2005 01:13 pm

es una prueba para que veáis a lo que me refiero

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #333333;
}
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
a:link {
   color: #3366CC;
   font-weight: bold;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #CC6600;
}
a:active {
   text-decoration: none;
}
.div01 {
   width: 700px;
   border: 1px dashed #996600;
   background-color: #EFEFEF;
   text-align: left;
   padding: 10px;
}
-->
</style>
</head>

<body>
<center> <div class="div01" id="cuadro01">
  <p>Vamos aprendiendo. Vamos a ver que tal quedan los <a href="#" class="Estilo1">link</a>  </p>
  <p>Cuando metes p&aacute;rrafos los espacios verticales se abren </p>
  </div>
  <p>&nbsp;</p>
  <div class="div01" id="cuadro02">Es como el de antes pero en este caso <br />
      <br />
  no utilizo p&aacute;rrafos sino saltos de l&iacute;nea. Aunque aparentemente queda bien, est&aacute; claro que no es la manera. </div>
</center>
</body>
</html>

Cuando estoy escribiendo dentro de un DIV y meto un salto de párrafo, aumenta el padding vertical. ¿Existe alguna manera de que no pase?

Gracias

Por akira

226 de clabLevel

2 tutoriales

Envíale un mensaje privado Email Web

Madrid

Citar

Escrito el 27 Dic 2005 05:25 pm

Los parrafos tienen so propio padding y margin (sobre todo este ultimo), que por supuesto se suma al que le pongas al div

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 27 Dic 2005 08:19 pm

Los parrafos.. por configuracion del navegador tienen un margin definido... claro que lo puedes sacar.. si quieres que que el salto de parrafo (br) no abra los parrafos puedes probar con esto:

body br{
display:none;
}

Tambien puedes modificar los margenes de los parrafos

body p{
/*Eliminas el espacio de un parrafo con otro */
margin:0
}

Espero haber podido ayudar :lol: