<h1>, <h2> y <h3> como hacer que quede bien...

Axo · #1 (**permalink**) 16/12/2005, 11:07

Hola, cuando pongo <h1> titulo </h1> se descuadra la fila de la tabla y no me gusta como queda, me gustaría saber si hay algun modo de quitarle ese espacio que agrega debajo con css.... Es decir, que salga igual que una linea más.

#2 (**permalink**) 16/12/2005, 11:43

Hola Axo,

podrias postear tu codigo css para hecharle un vistazo y saber que puede fallar??

quizas estes hablando del padding-bottom o del margin-bottom... mejor postea el codigo o deja un enlace para hecharle un vistazo.

saludos

Axo · #3 (**permalink**) 16/12/2005, 12:02

Hola, aqui te pasteo el codigo:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
  <table width="500"  border="1" align="center" cellpadding="1" cellspacing="0">
    <tr>
      <td><div align="center"> 
        <h1>ESTO NO QUIERO</h1>
      </div></td>
    </tr>
    <tr>
      <td>texto textotexto texto texto </td>
    </tr>
  </table>
  <br>
  <table width="500"  border="1" align="center" cellpadding="1" cellspacing="0">
    <tr>
      <td><div align="center"><strong> ESTO SI QUIERO</strong></div></td>
    </tr>
    <tr>
      <td>texto textotexto texto texto </td>
    </tr>
  </table>
</body>
</html>

#4 (**permalink**) 16/12/2005, 12:21

Tu estas usando css??? por que no veo que tengas ni codigo css integrado ni que tengas un enlace a tu hoja de estilos.

no has creado una hoja de estilos??

FlashitoMXDream · #5 (**permalink**) 16/12/2005, 13:45

me parece k uso el h1 predeterminado xD

eso es html puro no hay nada de css ahi xD

#6 (**permalink**) 16/12/2005, 13:50

Cita:

Iniciado por FlashitoMXDream

me parece k uso el h1 predeterminado xD

eso es html puro no hay nada de css ahi xD

Cierto ya se lo he comentado... seguro que tendra que empezar a leer sobre css para saber como funciona y aprenderlo

saludos

Axo · #7 (**permalink**) 16/12/2005, 16:50

Cita:

Iniciado por MindPaniC

seguro que tendra que empezar a leer sobre css para saber como funciona y aprenderlo

saludos

Eso es lo que pregunto... para aprender como se hace... a ver con CSS ahora pero viene a ser igual, sigue dejando un gran espacio debajo que descuadra la tabla:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.encabezado {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
}
-->
</style>
</head>
<body>
  <table width="500"  border="1" align="center" cellpadding="1" cellspacing="0">
    <tr>
      <td><div align="center"> 
        <h1 class="encabezado">ESTO NO QUIERO</h1>
      </div></td>
    </tr>
    <tr>
      <td>texto textotexto texto texto </td>
    </tr>
  </table>
  <br>
  <table width="500"  border="1" align="center" cellpadding="1" cellspacing="0">
    <tr>
      <td><div align="center"><strong> ESTO SI QUIERO</strong></div></td>
    </tr>
    <tr>
      <td>texto textotexto texto texto </td>
    </tr>
  </table>
</body>
</html>

#8 (**permalink**) 16/12/2005, 17:14

asi no se hace, te explico.

veamos seria algo asi

Código HTML:

h1 {
	background-color: (el color que quieras de fondo)
	width: auto; (esto es el ancho, puedes ponerlo en px)
	color:#F6F6F6; (color del texto)
	font-weight: bold; (negrita)
	font-size:9px; (tamaño del texto)
	text-align: center; (alineacion del texto)
	margin: 0px; (margen, espacio exterior)
	padding: 5px; (espacio interior, se puede segregar)
	border: 0px; (si quieres bordes)
}

miratelo y haz pruebas

#9 (**permalink**) 16/12/2005, 17:15

luego simplemente tienes que poner <h1>tu texto</h1> y ya esta... no hace falta ni divs ni class ni leches.

saludos

Axo · #10 (**permalink**) 16/12/2005, 18:03

si, lo del .nombreclass y sino ponemos punto p,h1,h2 { afectaria a las etiquetas, eso o sabia lo que no sabia y lo que realmente andaba buscando son las dos propiedades estas:

margin: 0px;

Muchas gracias !!