eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwnewbie: wyrównanie tekstów jeden pod drugimRe: newbie: wyrównanie tekstów jeden pod drugim
  • Data: 2010-03-02 16:32:50
    Temat: Re: newbie: wyrównanie tekstów jeden pod drugim
    Od: hazet <h...@n...pl> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    j...@p...onet.pl pisze:
    > Dzień dobry,
    > Uczę się technologii WWW. Zrobiłem stronę .html na której w formularzu mam pola
    > z etykietami (sformatowałem to tabelką). Po prawej stronie pól są wskazówki dot.
    > wypełniania pól. Problem w tym, że nie wiem jak to sformatować, żeby wskazówki
    > były wyrównane jedna pod drugą. Chyba nie mogę użyć trzeciej kolumny tabelki bo
    > są sytuacje, że pole (druga kolumna) jest długie i wtedy wskazówka powinna być
    > poniżej. Nie wiem, może powinienem użyć stylu position. Oto jak to wygląda w HTMLu:
    >
    > <tr>
    >
    > <td><label for="client_email" class="obligatory">E-mail:</label></td>
    >
    > <td>
    >
    > <input type="text" id="client_email" name="client_email" maxlength="50"
    > size="50" style="width: 50 ex" onblur="validateEmail(this,
    > 'client_email_error');">&nbsp;<span class="tip">konieczny albo e-mail...</span>
    >
    > <span id="client_email_error" class="error_message"></span>
    >
    > </td>
    >
    > </tr>
    >
    > <tr>
    >
    > <td><label class="obligatory">Telefony komórkowe:</label></td>
    >
    > <td>
    >
    > <div>
    >
    > <input type="text" id="client_mobile1" name="client_mobile1" maxlength="20"
    > size="20" style="width: 20ex" onblur="validateMobile(this,
    > 'client_mobile1_error');">&nbsp;<span class="tip">...albo telefon
    > komórkowy...</span>
    >
    > <span id="client_mobile1_error" class="error_message"></span>
    >
    > </div>
    >
    > <div>
    >
    > <input type="text" id="client_mobile2" name="client_mobile2" maxlength="20"
    > size="20" style="width: 20ex" onblur="validateMobile(this,
    > 'client_mobile2_error');">
    >
    > <span id="client_mobile2_error" class="error_message"></span>
    >
    > </div>
    >
    > </td>
    >
    > </tr>
    >
    > <tr>
    >
    > <td><label class="obligatory">Telefony stacjonarne:</label></td>
    >
    > <td>
    >
    > <div>
    >
    > (<input type="text" id="client_direction1" name="client_direction1"
    > maxlength="5" size="5" style="width: 5ex" onblur="validateDirection(this,
    > 'client_direction1_error');">) -
    >
    > <input type="text" id="client_phone1" name="client_phone1" maxlength="20"
    > size="20" onblur="validatePhone(this, 'client_phone1_error');">&nbsp;<span
    > class="tip">...albo telefon</span>
    >
    > <span id="client_direction1_error" class="error_message"></span>
    >
    > <span id="client_phone1_error" class="error_message"></span>
    >
    > </div>
    >
    > <div>
    >
    > (<input type="text" id="client_direction2" name="client_direction2"
    > maxlength="5" size="5" style="width: 5ex" onblur="validateDirection(this,
    > 'client_direction2_error');">) -
    >
    > <input type="text" id="client_phone2" name="client_phone2" maxlength="20"
    > size="20" onblur="validatePhone(this, 'client_phone2_error');">
    >
    > <span id="client_direction2_error" class="error_message"></span>
    >
    > <span id="client_phone2_error" class="error_message"></span>
    >
    > </div>
    >
    > </td>
    >
    > </tr>
    >
    >
    > Byłbym wdzięczny za podpowiedź. Jestem kiepski w CSS.
    >


    Coś mi się wydaję, że utrudniłes sobię zadanie z tą tabelką. Nie
    widziałem jeszcze aby ktoś dzisiaj robił formularz na tabelce - w końcu
    jest ona przeznaczona do danych tabelarycznych.

    W formularzu możesz używać divów, paragrafów, iformacje o polu możesz
    wpakować w paragraf.

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: