Foros del Web » Creando para Internet » CSS »

<H2> sin espacios arriba y abajo?

Estas en el tema de <H2> sin espacios arriba y abajo? en el foro de CSS en Foros del Web. Quiero usar en mi web las etiquetas <h2> pero sin que me quede tanto espacio con la línea superior e inferior. Hay alguna forma de ...
  #1 (permalink)  
Antiguo 18/06/2006, 07:34
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
<H2> sin espacios arriba y abajo?

Quiero usar en mi web las etiquetas <h2> pero sin que me quede tanto espacio con la línea superior e inferior. Hay alguna forma de solucionar esto mediante css? gracias x la ayuda
  #2 (permalink)  
Antiguo 18/06/2006, 08:08
Avatar de caneva  
Fecha de Ingreso: junio-2006
Ubicación: Sevilla (España)
Mensajes: 81
Antigüedad: 11 años, 6 meses
Puntos: 1
Cita:
h2
{
padding-top: 0px;
padding-bottom: 0px;

border-top: 0px;
border-bottom: 0px;

margin-top: 0px;
margin-bottom: 0px;
}
Utiliza padding, border o margin según tus necesidades.
__________________
Cita:
"El camino empieza renunciando al control, y volviéndose flexibles."
  #3 (permalink)  
Antiguo 18/06/2006, 08:57
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
Muchas gracias! Era lo que necesitaba. Gracias!
  #4 (permalink)  
Antiguo 18/06/2006, 10:44
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 12 años, 2 meses
Puntos: 3
si quieres reducir codigo ponlo asi:
Código HTML:
h2
{
padding:0px 0px 0px 0px;

border-width:0px 0px 0px 0px;

magin:0px 0px 0px 0px;

}
donde los 4 valores son (de izquierda a derecha) superior, derecho, inferior e izquierda
__________________
Saludos
FT.
www.fernando.com.mx
  #5 (permalink)  
Antiguo 18/06/2006, 11:11
Avatar de caneva  
Fecha de Ingreso: junio-2006
Ubicación: Sevilla (España)
Mensajes: 81
Antigüedad: 11 años, 6 meses
Puntos: 1
Si solo quieres quitar el espacio superior e inferior y el derecho e izquierdo tienen el mismo valor puedes utilizar la sintaxis siguiente:

Código:
h2
{
padding:0px 10px;

border:0px 10px;

magin:0px 10px;

}
Esto hará que los valores para arriba y abajo sean 0px y para derecha e izquiera 10px.

Border sustituye a border-width como puedes leer a continuación:
Cita:
Border:
Specifies the border of a box. The value can combine border-style, border-width and border-color for a whole four-sided border (with the border property) or just one side of a border (with the other four).
__________________
Cita:
"El camino empieza renunciando al control, y volviéndose flexibles."
  #6 (permalink)  
Antiguo 20/06/2006, 16:25
 
Fecha de Ingreso: febrero-2006
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 11 años, 10 meses
Puntos: 0
No lo veo a lo de borde como algo necesario...
lo mas mínimo no seria:
h2 {
padding:0; // <--- omito el padding porque genera problemas de compatibilidad entre browsers
margin: 0 10px;
}
  #7 (permalink)  
Antiguo 22/06/2006, 02:07
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
Cita:
Iniciado por epoj
No lo veo a lo de borde como algo necesario...
lo mas mínimo no seria:
h2 {
padding:0; // <--- omito el padding porque genera problemas de compatibilidad entre browsers
margin: 0 10px;
}
Qué es lo que genera incompatibilidad en los navegadores?

Entonces lo tengo que dejar así?

Código:
h2 {
margin: 0 10px;
}
  #8 (permalink)  
Antiguo 22/06/2006, 02:54
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
Cita:
Iniciado por epoj
No lo veo a lo de borde como algo necesario...
lo mas mínimo no seria:
h2 {
margin: 0 10px;
}
Vale, he puesto esto y era lo que necesitava, así se queda sin espacios por ningún lado. Saludos y muchas gracias!
  #9 (permalink)  
Antiguo 22/06/2006, 12:25
 
Fecha de Ingreso: febrero-2006
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 11 años, 10 meses
Puntos: 0
yo uso lo menos posible el padding horizontal, porque no lo manejo bien, y en varias ocasiones mis diseños se han corrido hasta 20px por ese motivo (en un browser directamente lo suma al width del elemento)... quizas hay alguna forma de hacer que todos los exploradores te lo tomen tal cual, pero yo no la conozco!! si alguien sabe, aviseme!
__________________
pan con pan comida de redundantes.

www.objetoepsilon.com.ar
  #10 (permalink)  
Antiguo 22/06/2006, 13:57
Avatar de caneva  
Fecha de Ingreso: junio-2006
Ubicación: Sevilla (España)
Mensajes: 81
Antigüedad: 11 años, 6 meses
Puntos: 1
Con el Doctype, epoj.
__________________
Cita:
"El camino empieza renunciando al control, y volviéndose flexibles."
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 11:59.