SORU
3 Aralık 2009, PERŞEMBE


Nasıl bir label ve bir button align muyum?

biter gibi

             XXXXX
             XXXXX
Description: XXXXX

İstiyorum

             XXXXX
Description: XXXXX
             XXXXX

"Açıklama" bazen yayılan birden fazla satır.

Kod:

<p class="DataForm">

<label>Blah blah blah Description:</label>

<asp:TextBox ID="txtBlahblahblahDescription" runat="server" TextMode="MultiLine"  Rows="8" Columns="50"></asp:TextBox><br />

</p>

CSS:

.DataForm
{

}

.DataForm label
{
    display: inline-block;
    font-size:small;
    margin-left:5px;
    width:5%;
    min-width:60px;
}

.DataForm input
{
    margin-right:9px;
    display: inline-block;
    width:21%;
    min-width:30px;
}

CEVAP
3 Aralık 2009, PERŞEMBE


Bazı kapsayıcı öğe ikisini de koymak gerekir ve daha sonra bu uyum geçerlidir.

Örneğin:

<p class="formfield">
    <label for="textarea">Label for textarea</label>
    <textarea id="textarea" rows="5">Textarea</textarea>
</p>

ile

.formfield * {
    vertical-align: middle;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 07cadikiz07

    07cadikiz07

    17 EKİM 2007
  • Maschine Tutorials

    Maschine Tut

    15 ŞUBAT 2011
  • newreleaseblitz

    newreleasebl

    13 Ocak 2010