Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] cos a'la tabelka z rownymi odstepami wierszy
lnn
post
Post #1





Grupa: Zarejestrowani
Postów: 361
Pomógł: 11
Dołączył: 17.12.2008
Skąd: LU

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


witam!

probowalem zrobic cos podobnego jak na ponizszym obrazku tylko ze w CSS'ie (IMG:style_emoticons/default/tongue.gif) niestety jak wiadomo pole input jest nieco "wyzsze" niz tekst i sie nie zgrywaly w poziomie, czy da rade zrobic jakims sposobem mniej wiecej cos takiego

(IMG:http://img46.imageshack.us/img46/4562/tabelkap.jpg)

z gory dzieki za pomoc (+ POMOGŁ) jak ktos pomoze to rozwiazac (IMG:style_emoticons/default/smile.gif)
wiem ze sie odchodzi juz od przedstawiania takich rzeczy w tabelkach dlatego chcialem to profesjonalniej zrobic i moze w jakiejs petli utworzyc a nie tak wpisywac kazdy wiersz (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lnn
post
Post #2





Grupa: Zarejestrowani
Postów: 361
Pomógł: 11
Dołączył: 17.12.2008
Skąd: LU

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


Cytat(vokiel @ 28.12.2009, 13:43:13 ) *
Da się, trzeba się pobawić ustawieniami dla inputa i dla labela (height, line-height, padding, font-size)

dzieki za wskazowke, znalazlem kurs jakis i doszedlem jak to wykorzystac: http://kurs.browsehappy.pl/HTML/Formularze

Cytat(Natalka @ 28.12.2009, 18:44:19 ) *
Jak robisz to już takim sposobem to spróbuj (pisane z głowy):

I teraz pobaw się line-height dla .komorka ,aby dostosować do .komorkaright (IMG:style_emoticons/default/smile.gif)


zrobilem w koncu tak jak ponizej, dzieki temu da sie np dane wywolac z tablicy i utworzyc petle lub np z bazy danych (IMG:style_emoticons/default/smile.gif)
dzieki za pomoc +POMOGL
  1. <style type="text/css">
  2. /* <![CDATA[ */
  3. div.table {
  4. border: 1px solid black;
  5. margin: 0;
  6. padding: 2px;
  7. width: 300px;
  8. vertical-align: top;}
  9.  
  10. div.row {
  11. width: inherit;
  12. padding: 4px 0 4px 0;
  13. border: 0; }
  14.  
  15. div.cell_left {
  16. display: inline;
  17. width: 170px; }
  18.  
  19. div.cell_right {
  20. display:inline;
  21. width: 170px;
  22. }
  23.  
  24. label {
  25. display:inline-block;
  26. width:150px;
  27. text-align:right;
  28. }
  29. /* ]]> */
  30. </head>
  31.  
  32.  
  33. <div id="table">
  34. <div class="row">
  35. <div class="cell_left"><label for="imie1">Imie</label> </div>
  36. <div class="cell_right"><input type="text" name="imie" id="imie1" /></div>
  37. </div>
  38. <div class="row">
  39. <div class="cell_left"><label for="nazwisko">Nazwisko</label> </div>
  40. <div class="cell_right"><input type="text" name="imie" id="nazwisko" /></div>
  41. </div>
  42. </div>
  43.  
  44. </body>

powyzej kod, jakby kiedys ktos szukal takiego rozwiazania (IMG:style_emoticons/default/tongue.gif)
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: 13.10.2025 - 17:31