Foros del Web » Programando para Internet » PHP »

Zend Problema con fotografia

Estas en el tema de Problema con fotografia en el foro de PHP en Foros del Web. Tratando de hacer una pagina web al momento de ver como estaba quedando no se puede ver la imagen cuando si que debería. Si alguien ...
  #1 (permalink)  
Antiguo 01/03/2016, 15:19
 
Fecha de Ingreso: marzo-2016
Ubicación: Madrid España
Mensajes: 2
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta Problema con fotografia

Tratando de hacer una pagina web al momento de ver como estaba quedando no se puede ver la imagen cuando si que debería. Si alguien conoce donde esta el error y si no se debe hacer así seria de gran ayuda.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>AndamiosJ70</title>
<link rel="shortcut icon" type="image/x-icon" href="pictures/favicon.ico">

<link rel="stylesheet" href="style/index_style.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>

</header>

<section id="banner">

</section>

<section id="body"></section>
</body>
</html>

*{
margin: 0;
padding: 0;
font-family: helvetica;
}

section#banner{
width: 100%;
background-image: url(pictures/portada.jpg);
background-attachment: contain;
background-position: center;
background-repeat: no-repeat;
}

$(document).ready(function(){

$("#banner").css({"height":$(window).height() + "px"});

});
  #2 (permalink)  
Antiguo 02/03/2016, 06:14
 
Fecha de Ingreso: octubre-2010
Ubicación: España
Mensajes: 1.007
Antigüedad: 13 años, 6 meses
Puntos: 123
Respuesta: Problema con fotografia

Pues a mi así tal cual me funciona perfectamente.
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="utf-8" />
  4. <title>AndamiosJ70</title>
  5. <link rel="shortcut icon" type="image/x-icon" href="pictures/favicon.ico">
  6.  
  7. <style type="text/css">
  8. *{
  9. margin: 0;
  10. padding: 0;
  11. font-family: helvetica;
  12. }
  13.  
  14. section#banner{
  15. width: 100%;
  16. background-image: url(http://mi-sitio.es/mi_imagen.jpg);
  17. background-attachment: contain;
  18. background-position: center;
  19. background-repeat: no-repeat;
  20. }  
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  23. <script type="text/javascript">
  24. $(document).ready(function(){
  25.  
  26. $("#banner").css({"height":$(window).height() + "px"});
  27.  
  28. });
  29. </head>
  30.  
  31.  
  32. <section id="banner">
  33.  
  34.  
  35. <section id="body"></section>
  36. </body>
  37. </html>

Asegurate de que la ruta a la imagen es correcta.

Igualmente esto es off topic en PHP. Asegurate de postear en el lugar adecuado para recibir ayuda adecuada.

Etiquetas: css3, javascript
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 00:33.