Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Troche inne zaokrąglanie rogów
Forum PHP.pl > Forum > Przedszkole
proton
Witam

Chciałbym u siebie na stronie zaokrąglić rogi graficznie ale nie w sposbó na przykłąd taki:

  1. <tr><td>zaokraglenie</td><td>gorny pasek</td><td>zaokraglenie</td></tr>
  2. <tr><td>pasek boczny</td><td>tresc</td><td>pasek boczny</td></tr>
  3. <tr><td>zaokraglenie</td><td>dolny pasek pasek</td><td>zaokraglenie</td></tr>


Tylko żeby to wyglądalo tak:

  1. <tr><td>zaokgralenia lewe i prawe, naglowek, tlo pod naglowkiem</td></tr>
  2. <tr><td>treśc</td></tr>
  3. <tr><td>zaokgralenia lewe i prawe, naglowek, tlo pod naglowkiem</td></tr>


W sieci znalazłem coś takiego:

  1. <div class="header">
  2. <span id="tl"><span id="tr"><span id="bl"><span id="br">
  3. </div>

  1. header {
  2. position: relative;
  3. height: 50px;
  4. background: url(tlo.png) #F00;
  5. }
  6. #tl, #tr, #bl, #br {
  7. position: absolute;
  8. height: 10px; /* rozmiary grafiki - mozna pomniejszyc */
  9. width: 10px;
  10. display: block;
  11. }
  12.  
  13. #tl {
  14. top: 0px;
  15. left: 0px;
  16. background: url(tl.gif);
  17. }
  18. #tr {
  19. top: 0px;
  20. right: 0px;
  21. background: url(tr.gif);
  22. }
  23. #bl {
  24. bottom: 0px;
  25. left: 0px;
  26. background: url(bl.gif);
  27. }
  28. #br {
  29. bottom: 0px;
  30. right: 0px;
  31. background: url(br.gif);
  32. }


Ale ten sposób podobno nie działa w IE.

Podsumowanie:

Chcę zaokgrąglić rogi ale nie żeby tworzyć pełno wierszy i kolumn czy tam div'ów ale żeby to wszytsko stworzyć w css a potem tylko w jednym divie zapisać wraz z nagłowkiem.
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.