Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml][css] wysypanie się menu <li> pod IE
Forum PHP.pl > Forum > Przedszkole
!*!
Tak mniej więcej wygląda menu, proste, z wyświetlanym obrazkiem po lewej, a po prawej napis... I wszystkie przeglądarki wyświetlają to poprawnie, oprucz IE... IE stwierdza że nie może umieścić obrazka w <li> i daje go poza ten znacznik psując cały układ... Ma ktoś jakiś pomysł na "obejście tego" ? Mi się już skończyły...

  1. <div class="p7">
  2. <ul>
  3. <li><img src="1.png" style="float: left; margin: 5px;" alt="" /><a href="#">menu1</a></li>
  4. <li><img src="2.gif" style="float: left; margin: 5px;" alt="" /><a href="#">menu2</a></li>
  5. <li><img src="3.png" style="float: left; margin: 5px;" alt="" /><a href="#">menu3</a></li>
  6. </ul>
  7. </div>


  1. .p7{
  2. float: right;
  3. margin-top:10px;
  4. padding: 0;
  5. height: 78px;
  6. border-bottom: 1px solid #cfcabc;
  7.  
  8. }
  9.  
  10. .p7 ul{
  11.  
  12. margin: 0;
  13. padding: 0;
  14. list-style:none;
  15.  
  16.  
  17.  
  18. }
  19.  
  20. .p7 ul li{
  21.  
  22. margin: 0;
  23. padding: 0;
  24.  
  25.  
  26. }
  27.  
  28. .p7 ul li a{
  29. display: block;
  30.  
  31. padding-top: 5px;
  32. padding-left: 5px;
  33.  
  34. background-color: #e9e7e0;
  35.  
  36. color: #000000;
  37. text-decoration: none;
  38. text-align: left;
  39. width: 129px;
  40. height: 20px;
  41. border-top: 1px solid #cfcabc;
  42. border-left: 1px solid #cfcabc;
  43. border-right: 1px solid #cfcabc;
  44.  
  45. }
  46.  
  47. .p7 ul li a:visited{
  48. color: #000000;
  49. }
  50.  
  51. .p7 ul li a:hover{
  52. background-color: #e5ecf9;
  53. border-left: 1px solid #7aa5d6;
  54. }
qqrq
Może spróbuj odnośnikom w liście ponadawać tła, które będą tymi obrazkami i pokombinować z paddingiem?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.