Foros del Web » Creando para Internet » CSS »

Alguien sabe porqué pasa esto?

Estas en el tema de Alguien sabe porqué pasa esto? en el foro de CSS en Foros del Web. Tengo el siguiente código: HTML: Código: <ul id="footer1"> <li id="logofacebook1"><a href="#">FACEBOOK</a></li> <li id="logotwitter1"><a href="#">TWITTER</a></li> </ul> CSS: Código: #logofacebook1 a { text-decoration: none; background-image: url('facebook.png'); background-repeat: ...
  #1 (permalink)  
Antiguo 16/08/2018, 14:11
Avatar de CrepitantE  
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 421
Antigüedad: 12 años
Puntos: 7
Alguien sabe porqué pasa esto?

Tengo el siguiente código:

HTML:


Código:
   <ul id="footer1">
     <li id="logofacebook1"><a href="#">FACEBOOK</a></li>
	 <li id="logotwitter1"><a href="#">TWITTER</a></li>
	 
   </ul>
CSS:

Código:
#logofacebook1 a {
	text-decoration: none;
	background-image: url('facebook.png');
	background-repeat: no-repeat;
	font-family: Tahoma;	
	color: #DDD;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 5px; 
	padding-top: 5px;
	margin-left: 10px;

	font-weight: bold;
	vertical-align: middle;
	position: relative;
	float: left;
	border: 1px solid red;

}

#logotwitter1 a {
	text-decoration: none;
	background-image: url('facebook.png');
	background-repeat: no-repeat;
	font-family: Tahoma;	
	color: #DDD;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 5px; 
	padding-top: 5px;
	margin-left: 10px;

	font-weight: bold;
	vertical-align: middle;
	position: relative;
	float: left;
	border: 1px solid red;

}


Y me sale la opción Facebook y Twitter como si fuese una escalera. (Le puse el borde a modo esquemático).

------------------------------------------------------------


Solamente cambiando los ID (#) por classes (.) se soluciona. Admito que soy un poco obsesivo-compulsivo y me incomoda usar clases, quiero trabajar con los ID. Alguien sabe porqué pasa esto y si hay manera de trabajar con los ID?

Les agradezco por sus respuestas.
__________________
-
  #2 (permalink)  
Antiguo 18/10/2018, 06:30
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.393
Antigüedad: 16 años, 5 meses
Puntos: 167
Respuesta: Alguien sabe porqué pasa esto?

Código CSS:
Ver original
  1. #footer1{
  2.   display: flex;
  3.   align-items: center;
  4.   justify-content: center;
  5. }

Eso es todo!
Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho



La zona horaria es GMT -6. Ahora son las 23:16.