rafaeldorazio Postado Agosto 30, 2010 Denunciar Share Postado Agosto 30, 2010 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/ Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Agosto 30, 2010 Denunciar Share Postado Agosto 30, 2010 A imagem não está aparecendo, teria como postar o link do site, ou "re-postar" a imagem? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
rafaeldorazio
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.