Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> CSS Box Gradient
buliq
post
Post #1





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




A może byś tak to live wystawił?
Go to the top of the page
+Quote Post
Vercio
post
Post #3





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 16.07.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.09.2025 - 02:32