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
[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3. /* <![CDATA[ */
  4. div.table {
  5. border: 1px solid black;    
  6. margin: 0;                  
  7. padding: 2px;               
  8. width: 300px;               
  9. vertical-align: top;}       
  10.  
  11. div.row {                 
  12. width: inherit;             
  13. padding: 4px 0 4px 0;    
  14. border: 0; }                
  15.  
  16. div.cell_left {   
  17. display: inline;            
  18. width: 170px; }     
  19.  
  20. div.cell_right {
  21. display:inline;
  22. width: 170px;
  23. }
  24.  
  25. label {
  26. display:inline-block;
  27. width:150px;
  28. text-align:right;
  29. }       
  30. /* ]]> */
  31. </style>
  32. </head>
  33.  
  34. <body>
  35.  
  36. <div id="table"> 
  37.     <div class="row"> 
  38.         <div class="cell_left"><label for="imie1">Imie</label> </div>
  39.         <div class="cell_right"><input type="text" name="imie" id="imie1" /></div>
  40.     </div>
  41.     <div class="row">
  42.         <div class="cell_left"><label for="nazwisko">Nazwisko</label> </div>
  43.         <div class="cell_right"><input type="text" name="imie" id="nazwisko" /></div>
  44.     </div> 
  45. </div>
  46.  
  47. </body>
[HTML] pobierz, plaintext

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
- lnn   [HTML][CSS] cos a'la tabelka z rownymi odstepami wierszy   28.12.2009, 13:40:43
- - vokiel   Da się, trzeba się pobawić ustawieniami dla inputa...   28.12.2009, 13:43:13
- - lnn   hmm chodzi mi o cos takiego jak tu [HTML] pobierz,...   28.12.2009, 17:59:32
- - Natalka   Jak robisz to już takim sposobem to spróbuj (pisan...   28.12.2009, 18:44:19
- - Crozin   CSS: display: table[-row|-cell] A po stronie HTML...   28.12.2009, 19:01:12
- - lnn   Cytat(vokiel @ 28.12.2009, 13:43:13 )...   28.12.2009, 21:12:27

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.10.2025 - 14:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn