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

  • ImBluecams

    ImBluecams

    25 Kasım 2012
  • MrRandomSong

    MrRandomSong

    29 Kasım 2009
  • Rhapsody

    Rhapsody

    7 ŞUBAT 2008