Tema: dichosos puntos suspensivos en div
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 29/04/2017, 00:10
macaluan
 
Fecha de Ingreso: junio-2014
Mensajes: 70
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: dichosos puntos suspensivos en div
Código HTML: 
Ver original
  1. <header>
  2.     <nav>
  3.         <ul class="socialgeneral">
  4.             <div>
  5.             <a href="" target="_blank"    class="socialig"></a>
  6.             </div>
  7.             <div>
  8.                 <a href="" target="_blank" class="socialtw"></a>
  9.             </div>
  10.             <div>
  11.             <a href="" target="_blank" class="socialfb"></a>
  12.             </div>
  13.             <div>
  14.             <a href="mailto:" class="socialmail"></a>
  15.             </div>
  16.         </ul>
  17.      </nav>
  18. </header>


Código CSS: 
Ver original
  1. .socialgeneral {
  2.     text-decoration-line: none;
  3.     display: flex;
  4.     justify-content: center;
  5. }
  6.  
  7. .socialig {
  8.     display:block;
  9.     padding: 10px;
  10.     margin: 50px 20px 0px;
  11.     float: left;
  12.     width: 50px;
  13.     height: 50px;
  14.     background: url(../files/Instagramb.png);
  15.     background-repeat: no-repeat;
  16.     transition:  1s ease;
  17.  
  18. }
  19.  
  20. .socialig:hover {
  21.     width: 50px;
  22.     height: 50px;
  23.     background: url(../files/Instagramw.png);
  24.     background-repeat: no-repeat;
  25.  
  26. }
  27.  
  28. .socialtw {
  29.     display:block;
  30.     padding: 10px;
  31.     margin: 50px 20px 0px;
  32.     float: left;
  33.     width: 50px;
  34.     height: 50px;
  35.     background: url(../files/Twitterb.png);
  36.     background-repeat: no-repeat;
  37.     transition:  1s ease;
  38.  
  39. }
  40.  
  41. .socialtw:hover {
  42.     width: 50px;
  43.     height: 50px;
  44.     background: url(../files/Twitterw.png);
  45.     background-repeat: no-repeat;
  46.  
  47. }
  48.  
  49. .socialfb {
  50.     display:block;
  51.     padding: 10px;
  52.     margin: 50px 20px 0px;
  53.     float: left;
  54.     width: 50px;
  55.     height: 50px;
  56.     background: url(../files/Facebookb.png);
  57.     background-repeat: no-repeat;
  58.     transition:  1s ease;
  59.  
  60. }
  61.  
  62. .socialfb:hover {
  63.     width: 50px;
  64.     height: 50px;
  65.     background: url(../files/Facebookw.png);
  66.     background-repeat: no-repeat;
  67.  
  68. }
  69.  
  70. .socialmail {
  71.     display:block;
  72.     padding: 10px;
  73.     margin: 50px 20px 0px;
  74.     float: left;
  75.     width: 50px;
  76.     height: 50px;
  77.     background: url(../files/Mailb.png);
  78.     background-repeat: no-repeat;
  79.     transition:  1s ease;
  80.  
  81. }
  82.  
  83. .socialmail:hover {
  84.     width: 50px;
  85.     height: 50px;
  86.     background: url(../files/Mailw.png);
  87.     background-repeat: no-repeat;
  88.  
  89. }