Ir para conteúdo
Fórum Script Brasil
  • 0

QUando uso a propriedade background com cor a imagem não aparece por c


rafaeldorazio

Pergunta

QUando uso a propriedade background com cor a imagem não aparece por completo

<html><head>
<link href="css/menu_esquerdo.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>

<script>

    $(document).ready(function () {

        $("#menu").click( function() {

            $(this).removeClass().addClass("nav-button selected");
            
        });    

    });

</script>

</head><body>    
    
        <div class="nav-container">

            <div class="nav-button alternate" id="menu1">
                <img src="/media/img/overview/featuretable/new_badge.png" width="39" height="27" alt="New Badge" style="margin-left:-3px">
                <h2>New in Checkout 3</h2>
                <p>Checkout 3 offers everything you want from a POS and it's still easy to use.</p>
            </div>
            
            <div class="nav-button selected" id="menu2">

                <img src="/media/img/overview/featuretable/sales.png" width="32" height="27" alt="Sales">
                <h2>Sales</h2>
                <p>Checkout handles everything related to sales, orders and invoices with flair.</p>
            </div>
            
            <div class="nav-button2" id="menu3">
                <img src="/media/img/overview/featuretable/management.png" width="32" height="30" alt="Management" >
                <h2>Management</h2>

                <p>Keep track of your store with Checkout's range of management tools.</p>
            </div>    
            
            <div class="nav-button" id="menu4">
                <img src="/media/img/overview/featuretable/integration.png" width="32" height="28" alt="Integration" >
                <h2>Integration</h2>
                <p>Export your transaction journal to AccountEdge or QuickBooks.</p>
            </div>
            
            <div class="nav-button2" id="menu5">

                <img src="/media/img/overview/featuretable/networking.png" width="32" height="29" alt="Networking" >
                <h2>Networking</h2>
                <p>Connect up to 20 Macs to your network and they auto-detect your database.</p>
            </div>    

            <div class="nav-button" id="menu6">
                <img src="/media/img/overview/featuretable/hardware.png" width="32" height="28" alt="Hardware" class="hardwaretab">
                <h2>Hardware</h2>
                <p>Trick out Checkout with a cash drawer, barcode scanner and receipt printer.</p>
            </div>

            <div class="nav-button2" id="menu7">
                <img src="/media/img/overview/featuretable/hardware.png" width="32" height="28" alt="Hardware" class="hardwaretab">
                <h2>Hardware</h2>
                <p>Trick out Checkout with a cash drawer, barcode scanner and receipt printer.</p>
            </div>
        </div>


    

</body></html>
o css
.nav-container{background: url('../images/nav_bg.gif') no-repeat 0 0px; position:absolute; margin-left: 15px; left:0;height:auto;width:300px;}

.nav-button{font-size:0.8em;width:90%px;margin:0 2px;cursor:pointer;height:90%px;padding:10px 20px; border-top:1px solid #fff;border-bottom:1px solid #fff}

.nav-button:hover{background:#e5f1fa;border-top:1px solid #e5f1fa;border-bottom:1px solid #e5f1fa}

.nav-button h2{margin:4px 0 0 50px}

.nav-button p{margin:0px 0 0 50px;line-height:1.5em}

.nav-button img{float:left;margin:20px 0px 0 0px}

.nav-button2{background:#f4f4f4; font-size:0.8em;width:90%px;margin:0 2px;cursor:pointer;height:90%px;padding:10px 20px; border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}

.nav-button2:hover{background:#e5f1fa;border-top:1px solid #e5f1fa;border-bottom:1px solid #e5f1fa}

.nav-button2 h2{margin:4px 0 0 50px}

.nav-button2 p{margin:0px 0 0 50px;line-height:1.5em}

.nav-button2 img{float:left;margin:20px 0px 0 0px}

.selected{background:#e5f1fa;border:1px solid #a8b4be;margin:0 1px}

.selected:hover{background:#e5f1fa;border:1px solid #a8b4be}

.selected h2{}.features{display:none}

http://img191.imageshack.us/i/navbgo.gif/

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...