Jump to content
iniciante

div horizontal no google chrome

Recommended Posts

iniciante

Boa noite. Eu não sou grande designer mas para um trabalho da univ preciso de fazer uma coisa simples em CSS e não estou a conseguir que funcione no google chrome!  o que eu quero fazer é ter 3 botões dentro de uma div, onde esses botões estejam alinhados horizontalmente. eu meti os botões alinhados horizontalmente mas eles deixam de dar para clicar! o codigo que eu tenho é o seguinte:

no html:

<div id="caixabotoes">
            <div id="btnimagem">
                <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/imagens/multFoto.JPG"
                    OnClick="btnImagem_Click" ToolTip="Ver imagens" />
            </div>
   
            <div id="btnvideo">
                <asp:ImageButton ID="btnVideo" runat="server" ImageUrl="~/imagens/multVideo.JPG"
                    OnClick="btnVideo_Click" ToolTip="Ver vídeos" />
            </div>
   
            <div id="btnmusica">
                <asp:ImageButton ID="btnMusica" runat="server" ImageUrl="~/imagens/multMusica.JPG"
                    OnClick="btnMusica_Click" ToolTip="Ouvir músicas" />
            </div>
        </div>

no ficheiro CSS tenho o seguinte:

#caixabotoes{position:relative; padding-top:5px; width: 700px; left:380px }
       #btnimagem{position:relative; float:left; width: 100px; }
       #btnvideo {position:relative; float:left; width: 100px;  }
       #btnmusica{position:relative; float:left; width: 100px; }

eu tou a tentar centras os3 botões no centro do ecra...se tiverem sem o float:left e estiverem os tres alinhados na vertical funcionam...podem ajudar? =/


RC

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.