Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][css] - skalowane tlo komorki
no_face
post
Post #1





Grupa: Zarejestrowani
Postów: 346
Pomógł: 23
Dołączył: 28.11.2004

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


Witajcie,

Prubuje uzyskac taki efekt:
(IMG:http://img209.imageshack.us/img209/5251/atm7.png)
Czyli tlo komorki bylo by rozciagane wg podanego procenta, przy czym napis bylby wysrodkowany w pionie i poziomie.

Probowalem troche z div'ami, napisalem taki kod:

  1. </head>
  2. <body>
  3.  
  4. <table border="1">
  5.  <tr>
  6.    <td width="150px" align="center">procent</td>
  7.  </tr>
  8.  <tr>
  9.    <td><div style="width:20%;background:red"><center>20%</center></div></td>
  10.  </tr>
  11. </table>
  12.  
  13. </body>
  14. </html>

Niestety efektem jest cos takiego:
(IMG:http://img136.imageshack.us/img136/7853/buo5.png)
Nie wiem jak to zrobic prosze o rade.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
no_face
post
Post #2





Grupa: Zarejestrowani
Postów: 346
Pomógł: 23
Dołączył: 28.11.2004

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


  1. </head>
  2. <body>
  3.  
  4. <table border="1">
  5.  <tr>
  6.    <td width="150px" align="center">procent</td>
  7.  </tr>
  8.  <tr>
  9.    <td><p style="height:25;width:20%;background:red; position: relative; z-index: 1">&nbsp;</p></td>
  10.  </tr>
  11. </table>
  12. <p style="position: relative; z-index: 2;left: 65px; top: -42px;">20%</p>
  13.  
  14. </body>
  15. </html>

Koszystajac z Twoich rad zrobilem cos takiego, teraz wyglada okej, ale powstaje problem, gdy chce tworzyc tabelke dynamicznie, takie rozwiazanie jest wielce niewygodne, dodatkowo duzo liczenia i przymierzania by dobrze to wygladalo. Dobrze byloby znalezc rozwiazanie, ktore byloby prostrze.


Edit:

Kombinowalem juz sporo i nie potrafie znalezc prostszego rozwiazania, a te ktore jest wyzej, bedzie bardzo klopotliwe. Najlepiej jakby odbywalo sie to w komorce, lub jak kolwiek latwiej, gdyz chcac zrobic nasie takich komorek, bede musial robic kosmiczne kombinacje by przyrownac napis nad tlo komorki.

Ten post edytował no_face 2.08.2006, 21:42:30
Go to the top of the page
+Quote Post

Posty w temacie


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: 5.10.2025 - 16:03