I had to place one div to the right of a centered one, and now I have a problem with my textboxes. They are one seperate lines, not the same anymore.

This is what it looks like: http://i.imgur.com/1uK97H8.png

This is the code that I have:

            <!-- Logo -->
            <div>
                <asp:Image ID="img_logo" runat="server" ImageAlign="Middle" Width="200px" Height="200px"/>
            </div>

            <!-- Search Textboxes -->
            <div style="display: inline-block; margin-top: 1%">
                <asp:TextBox ID="tb_what" runat="server" CssClass="Textbox" style="margin-left: 1%"></asp:TextBox>
                <asp:TextBox ID="tb_where" runat="server" CssClass="Textbox"></asp:TextBox>
            </div>

            <!-- Search Button -->
            <div style="display: inline-block; position: relative; width: 0; height: 0; vertical-align: top;">
                <div style="background: black; display: inline-block; position: absolute;">
                    <asp:ImageButton ID="btn_search" runat="server" style="margin-top: 1%" ImageUrl="http://png-5.findicons.com/files/icons/772/token_light/256/search.png" CssClass="Button" Width="40px" Height="40px"/>
                </div>
            </div>

            <!-- Login & Register -->
            <div>
                <asp:LinkButton ID="lb_login" runat="server" Font-Names="Segoe UI" Font-Underline="false" style="margin-right: 1%">Login</asp:LinkButton>
                <asp:LinkButton ID="lb_registrer" runat="server" Font-Names="Segoe UI" Font-Underline="false">Registrer</asp:LinkButton>
            </div>
        </div>

I appreciate your help and time!

Best regards Marcus

Related posts

Recent Viewed