none
Não consigo centralizar thumb em uma página aspx RRS feed

  • Pergunta

  • Pessoal, tenho uma página aspx e nela umas DIV onde eu coloco o Thumb. Acontece que o thumb não vem no centro e sim à esquerda. Como eu faço para centralizar. Abaixo meus códigos, div e css

    <div class="inner">
           <div class="leftbox">
                          <a href="images/andador_fantasia_1.jpg" rel="lightbox" title=""><img src="images/andador_fantasia_mini.jpg" width="93" height="95" alt="photo 1" class="left" /></a>
                          
                          <div class="clear"></div>
                          <h3>Andador Fantasia</h3>
                      </div>

    Meus CSS
    .left {
    float: left;
    margin: 1px 8px 0px 0px;
    }

    #body .leftbox,
    #body .rightbox {
    margin-
    color: #464646;
    }

    #body .leftbox {
    float: left;
    width: 250px;
    }

    #body .rightbox {
    float: right;
    width: 252px;
    margin-right: 18px;
    border-
        height: 119px;
    }

    * html #body .rightbox {
    margin-right: 10px;
    }


    Como eu faço para centralizar os thumbs?
    domingo, 28 de outubro de 2012 13:46

Todas as Respostas

  • amigo, assim resolve:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dda52393-c26c-41ae-8738-faf254182074.aspx.cs" Inherits="Forum.Msdn.WebForms.dda52393_c26c_41ae_8738_faf254182074" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <style>
            .left
            {
                float: left;
                margin: 1px 8px 0px 0px;
            }
    
            #body .leftbox,
            #body .rightbox
            {
                margin margin-color: #464646;
            }
    
            #body .leftbox
            {
                float: left;
                width: 250px;
            }
    
            #body .rightbox
            {
                float: right;
                width: 252px;
                margin-right: 18px;
                border- height: 119px;
            }
    
            * html #body .rightbox
            {
                margin-right: 10px;
            }
    
        </style>
    
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div style="text-align: center" >
            <div class="inner" >
                <div class="leftbox">
                    <a href="images/andador_fantasia_1.jpg" rel="lightbox" title="">
                        <img src="images/andador_fantasia_mini.jpg" width="93" height="95" alt="photo 1"/></a>
    
                    <div class="clear"></div>
                    <h3>Andador Fantasia</h3>
                </div>
            </div>
        </div>
        </form>
    </body>
    </html>
    


    Olavo Oliveira Neto
    http://olavooneto.wordpress.com
    Twitter @Olavooneto
    Facebook Olavo Neto
    Linkedin Olavo Neto
    Se for útil marque como resposta e faça um Developer feliz :)

    segunda-feira, 29 de outubro de 2012 11:57
    Moderador