Foros del Web » Creando para Internet » CSS »

Error con imagen de fondo

Estas en el tema de Error con imagen de fondo en el foro de CSS en Foros del Web. Buenas, tengo el siguiente problemita: Deberian aparecer las imagenes solo en el <li> pero en vez de eso aparecen en los links. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 05/04/2009, 17:40
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 3 meses
Puntos: 1
Error con imagen de fondo

Buenas, tengo el siguiente problemita:



Deberian aparecer las imagenes solo en el <li> pero en vez de eso aparecen en los links.

Código css:
Ver original
  1. /* footer */
  2. #footer-wrap {
  3.     clear: both;
  4.     width: 920px;
  5.     text-align: left;
  6.     padding: 0; margin: 0;
  7.     background: url(images/system/techjunkie/footer-bottom.gif) no-repeat left bottom;     
  8. }
  9. #footer-content {
  10.     width: 920px;
  11.     background: url(images/system/techjunkie/footer-top-sep.gif) no-repeat;
  12.     padding: 30px 0 35px 0;
  13. }
  14.  
  15. #footer-wrap p {
  16.     padding:10px 0;
  17. }
  18. #footer-wrap h3 {
  19.     color: #145F94;
  20.     margin: 0;
  21.     padding: 5px 0 5px 10px;
  22.     text-transform: uppercase;
  23. }
  24. #footer-wrap a:hover {
  25.     color: #000;
  26.     text-decoration: none;
  27. }
  28.  
  29. #footer-columns {
  30.     color: #888;
  31.     margin: 0 auto;
  32.     padding: 0;
  33.     width: 800px;      
  34. }
  35.  
  36. #latests_users_list li {
  37. background:url(images/system/user.png) no-repeat left;
  38. }
  39.  
  40. #latests_journals_list li {
  41. background:url(images/system/book.png) no-repeat left;
  42. }
  43.  
  44. #latests_images_list li {
  45. background:url(images/system/picture.png) no-repeat left;
  46. }
  47.  
  48. #footer-columns ul {
  49.     list-style: none;
  50.     margin: 0;
  51.     padding: 0;
  52.     border-top: 1px solid #BFD286;
  53.    
  54. }
  55.  
  56. #footer-columns li {
  57.     border-bottom: 1px solid #CCDA9E;  
  58.     padding-left: 18px;
  59. }
  60.  
  61. #footer-columns li a {
  62.     font-weight: normal;
  63.     width: 96%;
  64.     color: #666666;
  65. }
  66.  
  67. #footer-columns .col3, .col3-center {
  68.     float: left;
  69.     width: 32%;
  70. }
  71.  
  72. #footer-columns .col3-center {
  73.     margin: 0 15px;
  74. }

Código html:
Ver original
  1. <!-- footer starts -->     
  2.     <div id="footer-wrap"><div id="footer-content">
  3.    
  4.         <div id="footer-columns">  
  5.             <div class="col3">
  6.                 <h3>Latest Users</h3>
  7.                 <ul id="latests_users_list">
  8.   <li><a href="http://localhost/KL6G56PD8P/user/view/many">many</a></li>
  9.   <li><a href="http://localhost/KL6G56PD8P/user/view/blaya">blaya</a></li>
  10.  
  11.   <li><a href="http://localhost/KL6G56PD8P/user/view/seinkraft">seinkraft</a></li>
  12. </ul>
  13.             </div>
  14.  
  15.             <div class="col3-center">
  16.                 <h3>Latest Journals</h3>
  17.                 <ul id="latests_journals_list">
  18.   <li><a href="http://localhost/KL6G56PD8P/journal/view/V91q3rhzaK" title="Posted by blaya">Un titulo largo…</a> by <a href="http://localhost/KL6G56PD8P/user/view/blaya">blaya</a></li>
  19.  
  20.   <li><a href="http://localhost/KL6G56PD8P/journal/view/oaEmPmZQEQ" title="Posted by seinkraft">No los tiene mas</a> by <a href="http://localhost/KL6G56PD8P/user/view/seinkraft">seinkraft</a></li>
  21.   <li><a href="http://localhost/KL6G56PD8P/journal/view/xs2L4l8VNu" title="Posted by blaya">Mis cinco centimos…</a> by <a href="http://localhost/KL6G56PD8P/user/view/blaya">blaya</a></li>
  22.   <li><a href="http://localhost/KL6G56PD8P/journal/view/utqsDd8KiN" title="Posted by seinkraft">Segundo Journal</a> by <a href="http://localhost/KL6G56PD8P/user/view/seinkraft">seinkraft</a></li>
  23.  
  24.   <li><a href="http://localhost/KL6G56PD8P/journal/view/b3C8MllbCD" title="Posted by seinkraft">Me aburro</a> by <a href="http://localhost/KL6G56PD8P/user/view/seinkraft">seinkraft</a></li>
  25. </ul>
  26.             </div>
  27.  
  28.             <div class="col3">
  29.                 <h3>Latest Images</h3>
  30.                 <ul id="latests_images_list">
  31.  
  32.   <li><a href="http://localhost/KL6G56PD8P/image/view/b23eFthe57" title="Posted by seinkraft">Sleeping in the…</a> by <a href="http://localhost/KL6G56PD8P/user/view/seinkraft">seinkraft</a></li>
  33. </ul>
  34.             </div>
  35.         <!-- footer-columns ends -->
  36.         </div> 
  37.    
  38.         <div id="footer-bottom">               
  39.             <p>
  40.     &copy; 2005 - 2009 <strong>Sein Kraft</strong> |
  41.     Design by: <a href="http://www.styleshout.com/">styleshout</a> |    
  42.     Execution Time: 0.1653 - Used Memory: 1.94MB    </p>                   
  43.         </div> 
  44.  
  45.  
  46. <!-- footer ends-->
  #2 (permalink)  
Antiguo 05/04/2009, 19:40
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Error con imagen de fondo

prueba separando las declaraciones de vínculos de los li

Código:
#nombre li{}
#nombre a{}
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 06/04/2009, 07:32
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 16 años, 3 meses
Puntos: 1
Respuesta: Error con imagen de fondo

Gracias por la guia. Lo pude identificar bien con el inspector de google chrome.
Era el <a> al final.
Lo separe como dijistes y le puse
Código css:
Ver original
  1. #nombre a{
  2. background: none;
  3. }
  #4 (permalink)  
Antiguo 06/04/2009, 07:52
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Error con imagen de fondo

, pero... eso funcionó o no?, o tu problema persiste?
__________________
WFC
codigo82
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 05:51.