ASP.Net vertikale Ausrichtung des controls in einem panel

Habe ich ein Panel mit dem folgenden:

<asp:Panel ID="Panel1" runat="server" Height="101px">
    Day
    <asp:DropDownList ID="DropDownList1" runat="server" Height="24px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    </asp:DropDownList>
    &nbsp;Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</asp:Panel>

Texten ("Tag" und "Stunde") haben offenbar eine unterschiedliche vertikale Ausrichtung mit Bezug auf die dropdownboxes

alt-text http://img215.imageshack.us/img215/115/paneld.jpg

Wie behebe ich dieses Problem einfach?

Auf Panel1 legen Sie die vertikale Ausrichtung zu verwenden, die oben im text, mit einem style="vertical-align: text-top;" Attribut.
Ich weiß, ich habe gesehen, dass dies geschieht, bevor, aber jetzt kann ich es nicht reproduzieren mit Ihrem code-snippet. Auch Sie sind bewusst die Einstellung der Höhe der panel und Dropdown? Wenn nicht, könnten Sie Sie entfernen.

InformationsquelleAutor Nikhil | 2009-11-05

2

Einer Lösung stieß ich auf war, schließen Sie den text und DropDownLists in einer Tabelle mit einer Zeile und haben eine separate Zelle für jeden text/dropbox. Funktioniert wie ein Charme.

Warum verwenden Sie eine Tabelle, die bei SEO-friendly markup ist genauso einfach und kostenlos?
Nein! Bitte, Nein! Tisch-layout ist so 1991.

InformationsquelleAutor Nikhil

Es ist wirklich so einfach:

<div>
    Day
    <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
    Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</div>

Dies ist nicht arbeiten entweder.
Hast du eigentlich versuchen, dem div, und wenn ja, welchen browser Sie uns, geben Sie dieses problem?

InformationsquelleAutor IrishChieftain

Nicht sicher, dass Sie versucht, dies oder das nicht...

<div style="vertical-align:top"> 
    Day 
    <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
    </asp:DropDownList> 
    Hour 
    <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
    </asp:DropDownList>  
</div>

InformationsquelleAutor coHobo

0

Haben Sie versucht, ändern der vertikalen Ausrichtung mithilfe des style-Attributs?
http://www.w3schools.com/Css/pr_pos_vertical-align.asp

Diese sind ASP.Net kontrolliert, ich bin mir nicht sicher, wie Sie Sie anwenden können CSS-Stile auf diese.
Hinzufügen eines style="..." Attribut. Sie bekommen keine Intellisense für ihn, aber er wird richtig wiedergegeben. Anstelle von inline-Stile, aber Sie wäre besser, verwenden Sie die Eigenschaft CssClass und setzen Sie die Formatvorlagen in einem stylesheet.
Versucht style aus, aber auch nach versuchen mit verschiedenen alignment-Optionen, die ich nicht bekommen konnte es ordnungsgemäß ausgerichtet sind.

InformationsquelleAutor Sonny Boy
0

Versuchen, Sie bilden Ihre tags oder fügen Sie etwas whitespace um Sie herum. Kann es sein, einwickeln.

InformationsquelleAutor tsilb

versuchen Sie dies, wenn Sie haven"t

<div style="vertical-align:top">
Day 
<asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom">
</asp:DropDownList>
Hour 
<asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom>
</asp:DropDownList>
</div>

Irgendwie, div das style-Attribut funktioniert nicht im FF und Chrome. Wenn das der Fall ist, versuchen Sie, vertical-align, die auf den einzelnen Elementen.

InformationsquelleAutor coHobo

Anderen Antwort hatte Probleme mit der Formatierung. Hier ist es wieder.

Nicht sicher, ob man es versucht oder nicht:

<div style="vertical-align:top"> 
  Day 
  <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
  </asp:DropDownList> 
   Hour 
  <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
   </asp:DropDownList> 
</div>

InformationsquelleAutor coHobo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.