Foros del Web » Creando para Internet » CSS »

margen lista con redes sociales

Estas en el tema de margen lista con redes sociales en el foro de CSS en Foros del Web. en el footer tengo una lista con enlances a diferentes redes sociales: Código: <UL class="follow"> <LH>Siguenos</LH> <LI><a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh6.googleusercontent.com/--aIk2uBwEKM/T3nN1x09jBI/AAAAAAAAAs8/qzDsbw3kEm8/s32/twitter32.png" width=32 height=32 alt="Síguenos en Twitter" ...
  #1 (permalink)  
Antiguo 05/11/2012, 04:18
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 13 años, 10 meses
Puntos: 0
margen lista con redes sociales

en el footer tengo una lista con enlances a diferentes redes sociales:

Código:
<UL class="follow">
					<LH>Siguenos</LH>
					<LI><a href="http://twitter.com/AQUI_TU_USUARIO" target="_blank"><img src="https://lh6.googleusercontent.com/--aIk2uBwEKM/T3nN1x09jBI/AAAAAAAAAs8/qzDsbw3kEm8/s32/twitter32.png" width=32 height=32 alt="Síguenos en Twitter" /></a></LI>
					<LI><a href="http://www.facebook.com/AQUI_TU_PAGINA" target="_blank"><img alt="Siguenos en Facebook" src="https://lh6.googleusercontent.com/-CYt37hfDnQ8/T3nNydojf_I/AAAAAAAAAr0/P5OtlZxV4rk/s32/facebook32.png" width=32 height=32  /></a></LI>
					</UL>
el problema que tengo es que quiero dejar algo mas de margen entre LH y el primer enlace ya que quedan muy pegados.

he intentado darle margen de todas las maneras posibles , a través de css, jquery pero no lo consigo.

a priori diria que...
.follow > li:first-child { margin-top:10px;} - deberia funcionar?
  #2 (permalink)  
Antiguo 05/11/2012, 05:34
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: margen lista con redes sociales

Código CSS:
Ver original
  1. .follow > li:first-of-type { margin-top:10px}

Aunque yo le daría el margen a LH, me parece más lógico y menos engorroso.
  #3 (permalink)  
Antiguo 05/11/2012, 15:33
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: margen lista con redes sociales

no me funciona , he intentado también darle el margen al lh con:
.follow > LH

.follow LH

y nada
  #4 (permalink)  
Antiguo 06/11/2012, 05:34
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: margen lista con redes sociales

¿Cómo probaste a darle margen a LH? No es un elemento en bloque, tendrías que ponerlo como tal.
  #5 (permalink)  
Antiguo 06/11/2012, 16:29
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 10 meses
Puntos: 181
Respuesta: margen lista con redes sociales

Creo que <lh> no es una etiqueta valida...Almenos yo nunca la había visto.


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #6 (permalink)  
Antiguo 06/11/2012, 17:27
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 4 meses
Puntos: 641
Respuesta: margen lista con redes sociales

http://mountaindragon.com/html/lists.htm

si existe, pero tampoco la habia visto nunca, lo que si habia visto eran las <dl> y <dd>

muy html 1.0

como dice Huesoz se arregla con display blcok
  #7 (permalink)  
Antiguo 06/11/2012, 18:38
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 10 meses
Puntos: 181
Respuesta: margen lista con redes sociales

Investigue un poco sobre la etiqueta <lh>. Estaba la versión HTML 3.0 Draft, pero NUNCA llego a ser una recomendación. No le veo sentido a usar una etiqueta que no existe.


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #8 (permalink)  
Antiguo 06/11/2012, 18:39
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 8 meses
Puntos: 1329
Respuesta: margen lista con redes sociales

<lh> fue una porpuesta en el draft de HTML3, al final nunca se volvió parte del estandar.

EDIT: damn! unos segundos tarde! xD

Saludos
__________________
Grupo Telegram Docker en Español

Última edición por Carlangueitor; 06/11/2012 a las 18:39 Razón: Tarde
  #9 (permalink)  
Antiguo 06/11/2012, 18:44
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 10 meses
Puntos: 181
Respuesta: margen lista con redes sociales

Cita:
Iniciado por Carlangueitor Ver Mensaje
<lh> fue una porpuesta en el draft de HTML3, al final nunca se volvió parte del estandar.

EDIT: damn! unos segundos tarde! xD

Saludos

Un segundo hace la diferencia



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------

Etiquetas: lista, margen, redes, sociales
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 21:05.