Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Zaokrąglanie rogów border w css
Forum PHP.pl > Forum > Przedszkole
Ziom73
Witam!
Chciałbym zaokrąglić górne rogi mojej stronki. Niestety obrazki się nie wyświetlają:
  1. #wrap {
  2. margin: 20px auto;
  3. padding: 10px;
  4. width: 650px;
  5. background: #fff;
  6. border: 1px solid #aaa;
  7. border-top-right-image: url(bg-1.png);
  8. border-top-left-image: url(bg-2.png);
  9. }


Ramka się wyświetla, jednak bez obrazków. Jak zrobić, aby były obrazki w górnym-lewym/prawym rogu?

Za pomoc z góry dziękuję!
seth-kk
a twoja przegladarka wspiera CSS3 na tym poziomie?
raak07
Cześć
może to się przyda
  1.  
  2. <style type="text/css">
  3. .ramka{
  4. border-style: solid;
  5. border-color: #9C7823;
  6. display: block;
  7. background-color: #FFFFFF;
  8. overflow: hidden;
  9. }
  10.  
  11. <div style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; width: 670px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" >
  12. <b class="ramka" style="border-width: 1px 1px 0pt; margin: 0pt 12px; height: 0.1px; line-height: 0px;"></b>
  13. <b class="ramka" style="border-width: 0pt 3px; margin: 0pt 9px; height: 1px; line-height: 0px;"></b>
  14. <b class="ramka" style="border-width: 0pt 2px; margin: 0pt 7px; height: 1px; line-height: 0px;"></b>
  15. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 6px; height: 1px; line-height: 0px;"></b>
  16. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 5px; height: 1px; line-height: 0px;"></b>
  17. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 4px; height: 1px; line-height: 0px;"></b>
  18. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 3px; height: 1px; line-height: 0px;"></b>
  19. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 2px; height: 2px; line-height: 0px;"></b>
  20. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 1px; height: 3px; line-height: 0px;"></b>
  21. <div class="ramka" style="border-width: 0px 1px; padding: 1px 25px; ">
  22.  
  23. </div>
  24. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 1px; height: 3px;"></b>
  25. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 2px; height: 2px; "></b>
  26. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 3px; height: 1px; "></b>
  27. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 4px; height: 1px; "></b>
  28. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 5px; height: 1px; "></b>
  29. <b class="ramka" style="border-width: 0pt 1px; margin: 0pt 6px; height: 1px; "></b>
  30. <b class="ramka" style="border-width: 0pt 2px; margin: 0pt 7px; height: 1px; "></b>
  31. <b class="ramka" style="border-width: 0pt 3px; margin: 0pt 9px; height: 1px; "></b>
  32. <b class="ramka" style="border-width: 0pt 1px 1px; margin: 0pt 12px; height: 0.1px; display: block; background-color: #FFFFFF;"></b>
  33. </div>
  34.  


Pozdrawiam
Ziom73
Zaje...fajne, dzięki, nie wiedziałem, że tak też można ;-)
Tylko wycentruję i trochę spód przerobię i będzie idealnie, jeszcze raz dzięki!
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.