Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Obramowanie obrazkowe CSS.
Forum PHP.pl > Forum > Przedszkole
Ingram
Witam,
Już od bardzo dawna tabelki odpadły to jest wiadome... więc tu moje pytanie jak zrobic wlasnie aby div mial otoczenie obramowanie takie jak sobie zrobimy na obrazku i jednoczesnie caly div byl rozciągliwy ?
Na tabelkach to jest wiadome ... ale na divach nie mam pojęcia...
Dzięki z góry.
Kshyhoo
Można tak:
  1. function opentable($title) {
  2.  
  3. echo "\n
  4. <div class='lbg'><div class='rbg'>
  5. <div class='tbg'><div class='bbg'>
  6. <div class='ctl'><div class='cbl'><div class='ctr'><div class='cbr'>
  7. <div class='panelbody'>".(!empty($title) ? "<h2 class='panelcap'>$title</h2>" : "")."\n";
  8.  
  9. }
  10.  
  11. function closetable() {
  12.  
  13. echo "\t</div>
  14. </div></div></div></div></div></div></div></div>\n";
  15.  
  16. }

  1. .lbg {background: url(images/lbg.png) repeat-y left;}
  2. .rbg {background: url(images/rbg.png) repeat-y right;}
  3. .tbg {background: url(images/tbg.png) repeat-x top;}
  4. .bbg {background: url(images/bbg.png) repeat-x bottom;}
  5. .ctl {background: url(images/ctl.png) no-repeat top left;}
  6. .cbl {background: url(images/cbl.png) no-repeat bottom left;}
  7. .ctr {background: url(images/ctr.png) no-repeat top right;}
  8. .cbr {
  9. background: url(images/cbr.png) no-repeat bottom right;
  10. height: 1%;
  11. padding: 0.95em 0.95em;
  12. }

czyli tak, jak to jest w PHP-Fusion...
Ingram
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.