Tema: No se como poner estas imagenes
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/06/2017, 19:39
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Pregunta No se como poner estas imagenes
Hola a todos., gracias por su tiempo,
tengo el siguiente poblema, estoy haciendo una web y quiero que arriba y centrado aparezca el nombre de la web, abajo de ese nombre y del lado izquierdo el logo de wasap con el numero de cel, y abajo y a la izquierda el logo grande de mi web.. dejo captura y codigo,
Gracias nuevamente por sus tiempo.!!

html
Código HTML: 
Ver original
  1. <title>1</title>
  2. <link  href="main.css" rel="stylesheet" type="text/css" />
  3. </head>
  4.  
  5. <body>
  6.  
  7. <div  class="main"><?php // todo el marco de la web ?>
  8. <div class="2" style="color: darkgrey">www.fede.com</div><?php //nombre de la web ?>
  9. <div class="3"> </div><?php //logo Wha ?>
  10. <div class="4"> <?php // logo alejandra andre ?>    
  11.      
  12.      
  13.  </div><?php // fin logo  ?>
  14.  
  15.  
  16.     
  17.   
  18. </div><?php //fin marco de la web ?> 
  19.  
  20. </body>
  21. </html>

CSS
Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. html, body{ 
  5.     margin:0px;
  6.     padding:0px;
  7.  
  8. }
  9. body{ background-color:black}
  10.  
  11. .main{border: 1px solid #000;
  12.     width:1200px;
  13.     height:800px;
  14.     margin-right:auto;
  15.     margin-left:auto;
  16.     margin-top:0px;
  17.     padding:0px;
  18. }
  19. .2{ text-align: center; font-style: normal; font-weight: bold;}//titulo web 
  20. .3{float: left; margin-left: 700px; width: 40px; height: 40px; background-image:url(Img/wha.png); background-repeat: no-repeat}
  21. 4.{float: left;  margin-top: 50px; width: 157px; height: 194px; background-image:url(Img/FEDE.png); background-repeat: no-repeat}


y me sale lo siguiente:




Saludos a todos y gracias de antemano.!!!
Fede