Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tabelka z obrazkami jako ramka na DIV
Forum PHP.pl > Forum > Po stronie przeglądarki
SmokU
Witam, mecze sie jakis czas z czyms takim...Chcisalbym to jakos przerobic ladnie (najlepiej pod diva,ale wydaje mi sie to cosc ciezkie)

  1. <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
  2. <TR><TD WIDTH="10" HEIGHT="10"><IMG SRC="lg.gif" WIDTH="10" HEIGHT="10"></TD><TD BGCOLOR="#426B9C"></TD><TD WIDTH="10" HEIGHT="10"><IMG SRC="pg.gif" WIDTH="10" HEIGHT="10"></TD></TR>
  3. <TR><TD BGCOLOR="#426B9C"></TD><TD BGCOLOR="#426B9C">
  4. <FONT COLOR="#C0FFFF"><B>Tabelka z zaokrąglonymi rogami</B></FONT>
  5. </TD><TD BGCOLOR="#426B9C"></TD></TR>
  6. <TR><TD WIDTH="10" HEIGHT="10"><IMG SRC="ld.gif" WIDTH="10" HEIGHT="10"></TD><TD BGCOLOR="#426B9C"></TD><TD WIDTH="10" HEIGHT="10"><IMG SRC="pd.gif" WIDTH="10" HEIGHT="10"></TD></TR>

Prosze o proponowanie swoich kodow...
aleksander
wątpie by komus się chciało robic Ci gotowy kod. Forum jest aby rozwiązywac problemy a nie żeby odwalac za Ciebie brudną robotę. Próbuj sam.

Polecam: http://web.reporter.pl/html/
Zajec
Ja tam zawsze jestem zwolennikiem podsuwania pomysłów, ale kod sam sobie pisz.

Żeby wyglądało najładniej: użyć multi backgrounds z CSS3 rolleyes.gif

Średnio ładnie kodowo, działająco w przeglądarkach rozumiejących CSS2 możesz to rozwiązać poprzez kod typu:

  1. <div class="obramowany"><p></p>
  2. treść
  3. </div>


  1. <?php
  2. div.obramowany {
  3. background
  4. }
  5. div.obramowany:before {
  6. position
  7. background
  8. }
  9. div.obramowany:after {
  10. position
  11. background
  12. }
  13. div.obramowany > p {
  14. position
  15. background
  16. }
  17. ?>
A IE niech się uczy... IE7 b1 już wyszło, może w końcu potrafi ten skomplikowany kod obsłużyć tiredsmiley.gif
FiDO
Mozna to zrobic bez tabelek.... ba.. nawet bez grafik na rogi.
Niestety teraz jestem w pracy, ale jak wroce to zaprezentuje rozwiazanie. Podam tez linki do podobnych rzeczy, wylecialo mi teraz jak to sie nazywalo, wiec nie znajde.
Rozwiazanie ma chyba tylko jedna wade, wymaga JS (aczkolwiek bez jakis wymyslnych konstrukcji, tak wiec dziala na wiekszosci "wiodacych" przegladarek).
W tej chwili moge jedynie zaprezentowac jak to wyglada: klik (wywolaj mouseover'a na komorce z rozmiarem pliku).

edit:
No wiec nazywa sie toto Nifty Corners.. szukaj pod takim haslem.
Masz tez moja interpretacje troche bardziej wyodrebniona http://xdsl-4933.zgora.dialog.net.pl:69/~pub/corners.html (moga byc przerwy w dzialaniu czasem)
No i mozesz jeszcze zobaczyc pod haslem Snazzy Borders, wybierz sobie najlepsze dla Ciebie rozwiazanie ;]
SmokU
Hej!

Sorki, troszke za malo napisalem i sie nie zrozumielismy. Mi nie chodzi o zaokrąglanie obiektów, ale tworzenie obramowania z obrazków, http://webing.pl tutaj w main jest coś takiego, tylko rozchodzi sie pod firefoxem i operą...

Nie czekam na to, że ktoś napisze mi cały kod, bo nie o to chodzi, chce tylko porade od wyjadaczy jak oni robią coś takiego. Zależy mi na ładnym wyglądzie pod każdą przeglądarką (IE też, bo jednak 85% userów właśnie używa IE), ale takżę na dość schludnym kodzie. Nie chce mi sie wierzyć, że używając normalnych (w standardach) poleceń można uzyskać taki efekt. Myślę, że nie jestem jedyną osobą z takim problemem i wiele osób może się nauczyć, jeśli zobaczy tutaj podpowiedź (niekoniecznie gotowy kod).
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.