Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> <dl> i problem z dolnym obramowaniem
phpion
post
Post #1





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Witam,
chciałbym wykorzystać listę definicji do budowy formularza. W znaczniku <dt> znajdzie się etykieta, natomiast w <dd> pole formularza. Chciałbym aby całość wyglądała tak:
Kod
[etykieta] [pole]
[etykieta] [pole]

Jeden formularz może skadać się z kliku <dl> (jako osobne listy) i chciałbym aby każda lista kończyła się podkreśleniem czyli:
Kod
[etykieta] [pole]
[etykieta] [pole]
-----------------
[etykieta] [pole]
[etykieta] [pole]
-----------------

Jednak nie mam pojęcia jak uzyskać dolne obramowanie (w sposób ładny, bez dawania <hr> czy innych znaczników). Aktualnie mam taki kod HTML:
  1. <dl>
  2. <dt>
  3.  
  4. <label for="product_i18n_name_pl" >Nazwa produktu (pl):</label>
  5. </dt>
  6. <dd>
  7. <input type="text" name="product_i18n[name][pl]" value="" id="product_i18n_name_pl" />
  8. </dd>
  9. <dt>
  10. <label for="product_i18n_description_pl" >Nazwa produktu (pl):</label>
  11. </dt>
  12. <dd>
  13.  
  14. <textarea id="product_i18n_description_pl" name="product_i18n_description_pl" ></textarea>
  15. </dd>
  16. </dl>
  17. <dl>
  18. <dt>
  19. <label for="product_i18n_name_de" >Nazwa produktu (de):</label> </dt>
  20. <dd>
  21. <input type="text" name="product_i18n[name][de]" value="" id="product_i18n_name_de" />
  22. </dd>
  23. <dt>
  24.  
  25. <label for="product_i18n_description_de" >Nazwa produktu (de):</label>
  26. </dt>
  27. <dd>
  28. <textarea id="product_i18n_description_de" name="product_i18n_description_de" ></textarea></dd>
  29. </dl>

oraz CSS:
  1. fieldset dl {
  2. border-bottom: 1px #E1E1E1 solid;
  3. clear: both;
  4. margin-bottom: 10px;
  5. }
  6. fieldset dl dt {
  7. float: left;
  8. width: 165px;
  9. }
  10. fieldset dl dd {
  11. float: left;
  12. margin: 0px 0px 10px 0px;
  13. width: 530px;
  14. }

Zawsze jednak obramowanie pojawia się u góry. Wiem w czym jest problem (dodając przed </dl> diva z clear: both jest ok) ale nie wiem za bardzo jak go obejść z użyciem dl. Macie jakieś sugestie?

Z góry dzięki za pomoc,
pion

PS: w razie czego przeniosę tą linię z <dl> na zwykłe <hr> na końcu i pozamiatane.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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


dla fieldset dl też daj float:left;
Go to the top of the page
+Quote Post
phpion
post
Post #3





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Dzięki nevt - jak zwykle w Twoim przypadku pomoc konkretna!
Go to the top of the page
+Quote Post

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: 22.08.2025 - 19:06