Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: CSS Box Gradient
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
buliq
Witam.

Po raz kolejny głowię się z problemem. Podaję kod:
  1. <div class="boxAuto">
  2. <div class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ullamcorper magna sed lorem aliquet tempor. In tincidunt nisi nec nisl congue dictum ullamcorper leo aliquam. Vestibulum commodo dolor convallis tellus blandit iaculis. Nunc scelerisque metus quis lacus ullamcorper ut sagittis ante dignissim. Quisque non eros interdum lorem pellentesque tincidunt. Mauris a purus ipsum, ut pellentesque odio. Fusce sed metus nisl, et mattis eros. Aliquam eu mauris augue. Phasellus suscipit aliquet iaculis. Sed quis neque vel sapien hendrerit molestie a non enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque ac euismod felis. In eu purus urna, a condimentum nulla. Donec fermentum congue laoreet. Fusce commodo metus neque, sed faucibus felis.</div>
  3. <div class="boxAutoTL"></div>
  4. <div class="boxAutoT"></div>
  5. <div class="boxAutoTR"></div>
  6. <div class="boxAutoL"></div>
  7. <div class="boxAutoC"></div>
  8. <div class="boxAutoR"></div>
  9. <div class="boxAutoBL"></div>
  10. <div class="boxAutoB"></div>
  11. <div class="boxAutoBR"></div>
  12.  
  13. </div>

CSS:
  1. .boxAuto {
  2. position:relative;
  3. z-index:0;
  4. max-width:960px!important;
  5. margin:10px 10px 20px 10px;
  6. background-position:
  7. }
  8. .boxAuto .boxAutoTL, .boxAuto .boxAutoT, .boxAuto .boxAutoTR,
  9. .boxAuto .boxAutoL, .boxAuto .boxAutoC, .boxAuto .boxAutoR,
  10. .boxAuto .boxAutoBL, .boxAuto .boxAutoB, .boxAuto .boxAutoBR {
  11. position:absolute;
  12. z-index: -1;
  13. top:-10px;
  14. left:-10px;
  15. right:-10px;
  16. bottom:-10px;
  17. max-width:960px!important;
  18. }
  19. .boxAuto .boxAutoTL {
  20. background: url(../images/new/corner_tl.png) no-repeat left top;
  21. }
  22. .boxAuto .boxAutoT {
  23. background: url(../images/new/rep_x_top.png) repeat-x center top;
  24. }
  25. .boxAuto .boxAutoTR {
  26. background: url(../images/new/corner_tr.png) no-repeat right top;
  27. }
  28.  
  29. .boxAuto .boxAutoL {
  30. background: url(../images/new/rep_y_left.png) repeat-y left center;
  31. }
  32. .boxAuto .boxAutoC {
  33. background-color:white;
  34. }
  35. .boxAuto .boxAutoR {
  36. background: url(../images/new/rep_y_right.png) repeat-y right center;
  37. }
  38.  
  39. .boxAuto .boxAutoBL {
  40. background: url(../images/new/corner_bl.png) no-repeat left bottom;
  41. }
  42. .boxAuto .boxAutoB {
  43. background: url(../images/new/rep_x_bottom.png) repeat-x center bottom;
  44. }
  45. .boxAuto .boxAutoBR {
  46. background: url(../images/new/corner_br.png) no-repeat right bottom;
  47. }


Problem jest następujący, mimo iż box pojawia się i widać jego dolną i prawą krawędź oraz dolny prawy narożnik to nie ma krawędzi lewej, górnej oraz 3 narożników.

Proszę o pomoc.
erix
A może byś tak to live wystawił?
Vercio
Podaj link do problemu bo ciężko tak na sucho cokolwiek ocenić.

P.S: Sprawdź czy na pewno dobrze podałeś ścieżki do plików graficznych.
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.