Foros del Web » Creando para Internet » CSS »

No veo imagenes de fondo en el servidor

Estas en el tema de No veo imagenes de fondo en el servidor en el foro de CSS en Foros del Web. Buenas, no sé que me ocurre pero he realizado una web y le he introducido imágenes de fondo con el CSS, en localhost me lo ...
  #1 (permalink)  
Antiguo 28/07/2011, 05:28
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 6 años, 8 meses
Puntos: 2
No veo imagenes de fondo en el servidor

Buenas, no sé que me ocurre pero he realizado una web y le he introducido imágenes de fondo con el CSS, en localhost me lo ha permitido y se ha visualizado sin ningún problema, pero a la hora de subir toda la web al servidor, el css a nivel maquetación lo realiza perfectamente pero las imágenes de fondo no aparecen, no dan ningún tipo de error, únicamente sale en blanco el fondo, me he interesado por saber si estaban mal escrito los enlaces hacia las imágenes y estan correcto, lo que no comprendo es como en local si se visualiza bien y en servidor no se visualiza, dejo aquí ambos códigos, tanto el HTML como el CSS si cambiaríais algo del código decidmelo, porfavor, un saludo.

Código CSS:
Ver original
  1. @charset "UTF-8";
  2. /* CSS Document */
  3. body{ margin:0 0 0 0;}
  4. p{font-family:Arial;
  5. font-size:12px;
  6. }
  7.  
  8. a:link {
  9.     color: #a5a5a5;
  10.     text-decoration:none;
  11. }
  12. a:visited {
  13.     color: #a5a5a5;
  14. }
  15. a:hover {
  16.     color: #a5a5a5;
  17. }
  18. a:active {
  19.     color: #a5a5a5;
  20. }
  21.  
  22. #top{
  23.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-top.png);
  24.     height:60px;
  25. }
  26. .logo{
  27.     margin-left:120px;
  28.     padding-top:4px;
  29.     width:202px;
  30. }
  31. .menu{
  32.     margin-right:120px;
  33.     float:right;
  34.     padding-bottom:19px;
  35.     margin-left:250px;
  36. }
  37. .menu li{
  38.     display:inline;
  39. }
  40. .menu li a{
  41.     text-decoration:none;
  42.     float:left;
  43. }
  44.  
  45. #header{
  46.     height:360px;
  47.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg_header.png);
  48. }
  49. .youtube{
  50.     width:600px;
  51.     height:290px;
  52.     margin-left:120px;
  53.     }
  54. #header h2{
  55.     float:right;
  56.     margin-right:120px;
  57.     }
  58.  
  59. #body{
  60.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-body.png);
  61.     height:350px;
  62. }
  63.  
  64. #body-client{
  65.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-body.png);
  66.     height:600px;
  67. }
  68.  
  69. .column{
  70.     width:280px;
  71.     margin-left:120px;
  72.     float:left;
  73. }
  74.  
  75. .column2{
  76.     width:280px;
  77.     float:left;
  78.     margin-left:40px;
  79. }
  80. .column3{
  81.     width:280px;
  82.     float:left;
  83.     margin-left:40px;
  84. }
  85.  
  86. #foot{
  87.     height:270px;
  88.     background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg-foot.png)}
  89.    
  90. .social{
  91.     width:280px;
  92.     margin-left:120px;
  93.     float:left;
  94.     color:#a5a5a5;
  95. }
  96. .contacto{
  97.     width:280px;
  98.     margin-left:40px;
  99.     float:left;
  100.     color:#a5a5a5;
  101. }
  102. .nosotros{
  103.     width:280px;
  104.     margin-left:40px;
  105.     float:left;
  106.     color:#a5a5a5;
  107.     margin-right:120px;
  108. }
  109.  
  110. .pie{
  111.     width:960px;
  112.         margin-right:120px;
  113.  
  114.     margin-left:120px;
  115.     float:left;
  116. }
  117.  
  118. h4{
  119.     color:#a5a5a5;
  120.     font-size:12px;
  121.     font-family:Arial;
  122.     text-decoration:none;
  123. }
  124.  
  125. .pro{
  126.     float:left;
  127. }

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
  5. <title>HostPlanet.es</title></head>
  6.  
  7. <div id="top">
  8. <div class="menu"><ul>
  9.         <li><a href="index.html"><img src="images/inicio.png" /></a></li>
  10.         <li><a href="servicios.html"><img src="images/servicios.png" /></a></li>
  11.         <li><a href="clientes.html"><img src="images/clientes.png" /></a></li>
  12.         <li><a href="trabajos.html"><img src="images/trabajos.png" /></a></li>
  13.         <li><a href="blog/"><img src="images/blog.png" /></a></li>
  14.         <li><a href="contacto.html"><img src="images/contacto.png" /></a></li>
  15.    </ul>
  16.    </div>
  17. <div class="logo"><a href="index.html"><img src="images/logoblack.png" /></a></div>
  18.  
  19.        
  20. </div>
  21. <div id="header">
  22. <h2><br/><img src="images/servi-tit.png" /><br/><img src="images/serv-subtit.png" /><br/><br/>
  23. <a href="contacto.html"><img src="images/contactar-button.png" /></a></h2>
  24.  
  25.  
  26.  
  27. <div class="youtube">
  28. <br />
  29. <br />
  30.   <center><img src="images/servicios-tit.png" /></center>
  31. </div>
  32. </div>
  33.  
  34. <div id="body">
  35. <div class="column">
  36. <br/>
  37. <img src="images/des_web.png" />
  38. <p>Diseñamos sitios web corporativos, personales, e-learning, e-comercers... Nos ajustamos a lo que usted necesita, para cubrir sus necesidades y como no su economía. Por que pensamos que el cliente es quien decide cuanto quiere gastarse en su proyecto, para eso es suyo. Diseños limpios y con contenido.</p>
  39. <br/>
  40. <img src="images/seo.png" /><p>Todos quieren aparecer el primero en los mejores buscadores, poseemos técnicas que lo demuestran, estamos certificados por Google como profesionales del posicionamiento SEO.</p>
  41. </div>
  42. <div class="column2">
  43. <br/>
  44. <img src="images/movile.png" />
  45. <p>Diseñamos aplicaciones para dispositivos móviles ¿Tiene un negocio que precisa de aplicaciones para iphone, ipad, android o Black Berry? nosotros las diseñamos a sus medidas y necesidades para que nunca esté fuera de la oficina y pueda tener todo lo que necesita en la palma de la mano. Pongase en contacto con nosotros.</p>
  46. <br/>
  47. <img src="images/imprenta.png" /><p>Diseñamos todo tipo de flayers, entradas, logotipos, tripticos, dipticos, revista... Si usted va más hayá de internet nos dedicamos a maquetar y diseñar en el mundo CMYK.</p>
  48. </div>
  49. <div class="column2">
  50. <br/>
  51. <img src="images/marketing-icon.png" />
  52. <p>Contamos con una serie de personas denominadas Communitys Managers, los cuales haran que su producto se muestre en los lugares oportunos y no hacerle gastar dinero de forma innecesaria, si piensa en aumentar su numero de visitas web o en crear un negocio simplemente, no lo dude, contacte con profesionales. Contace con nosotros.</p>
  53. <br/>
  54. <img src="images/soporte.png" />
  55. <p>Ofrecemos un soporte técnico de 24 horas en todo el año y de forma ininterrumpida, para que usted pueda estar tranquilo. Disponemos de diferentes métodos de contacto, <a href="contacto.html">acceda.</a></p>
  56. </div>
  57.  
  58. </div>
  59. <div id="foot">
  60. <div class="social">
  61. <br/>
  62. <img src="images/redes_sociales.png" />
  63. <br/>
  64. <p><a href="http://twitter.com/#!/hostplanetes">Encuentranos en Twitter</a></p>
  65. <hr/>
  66. <p><a href="http://www.facebook.com/pages/HostPlanetes/154832621214379">Encuentranos en Facebook</a></p>
  67. <hr/>
  68. <p><a href="http://es.linkedin.com/pub/ram%C3%B3n-devesa-gonz%C3%A1lez/12/1ba/724">Encuentranos en Linkedin</a></p>
  69. <hr/>
  70. <p><a href="http://www.youtube.com/user/hostplanetes">Canal Youtube</a></p>
  71. </div>
  72. <div class="contacto">
  73. <br/>
  74. <img src="images/contact.png" />
  75. <br/>
  76. <p>Teléfono 24h. 690260360</p>
  77. <hr/>
  78. <p>Skype: soporte.hostplanet.es</p>
  79. <hr/>
  80. <p>Email: [email protected]</p>
  81. </div>
  82. <div class="nosotros">
  83. <br/>
  84. <img src="images/nosotros.png" />
  85. <br/>
  86. <p>Nos definimos como una empresa seria, donde nuestro trabajadores están perfectamente cualificados para poder llevar acabo cualquier proyecto publicitario en Internet. Es por ello que principalmente contratamos a personas jóvenes con motivaciones y bien formadas para llevar a cabo trabajos de gran envergadura.</p>
  87. </div>
  88. <br/>
  89. <br/>
  90. <br/>
  91. <br/>
  92. <br/>
  93. <div class="pie">
  94. <br/>
  95. <h4>
  96. <p>
  97. 2011 © HostPlanet.es. Todos los derechos reservados.  &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Protección de datos | Legal &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="login/login.html">Acceso Clientes</a>  &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Español/English
  98. </h4></p>
  99. </div>
  100.  
  101. </div>
  102.  
  103.  
  104. </body>
  105. </html>
  #2 (permalink)  
Antiguo 28/07/2011, 05:32
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 10 meses
Puntos: 63
Respuesta: No veo imagenes de fondo en el servidor

Buenas.
No te saldrán en el servidor por que la ruta de las imagenes que pones son estas

background-image:url(file:///Macintosh%20HD/Users/ramondevesa/Desktop/HostPlanet/images/bg_header.png);

Esta mal por que con ello accedes a la ruta fisica de tu ordenador, pero en el servidor al que subiste no tendria esa misma ruta.

En tal caso seria usar
background-image:url(http://tudominio/Macintosh%20HD/User.../bg_header.png);

Saludos
  #3 (permalink)  
Antiguo 28/07/2011, 05:33
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 6 años, 8 meses
Puntos: 2
Respuesta: No veo imagenes de fondo en el servidor

Error garrafal...

Etiquetas: contenido, fondo, imagenes, servidor
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 12:29.