Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
sapatilha.html
o menu do fica lado esquerdo da tela e do lado direito a imagem as fotos das sapatilhas
ai as fotos tem uma parte que fica na parte branca e o rosto das fotos fica na parte preta que é o fundo do site que é do da esquerdo e direito da pagina
como eu faço para as imagens ficar so na parte branca
<div id="miolo">
<div id="menu_lateral">
<ul>
<a href="colecaooutonoinverno2013.asp"><li class="colecao">colecao outono/inverno2013</li></a>
<a href="botas.html"><li class="menu">botas</li></a>
<a href="sapatilhas.asp"><li class="menu">sapatilhas</li></a>
<a href="scarpins.html"><li class="menu">scarpins</li> </a>
<li class="linha">-------------------------------------</li>
<a href="colecaooutonoinverno2013.html"><li class="colecao">sobre nós</li></a>
<a href="colecaooutonoinverno2013.html"><li class="colecao">como chegar</li></a>
<a href="colecaooutonoinverno2013.html"><li class="colecao">fale conosco</li></a>
</ul>
</div>
<body>
<script type="text/javascript">
$(function() {
$('#slideshow').after('<div id="nav" class="nav">').cycle({
fx: 'fade',
speed: 2000,
timeout: 3000,
pager: '#nav',
before: function() { if (window.console) console.log(this.src); }
});
});
</script>
<div id="banners">
<div id="slideshow" class="pics" style="position: relative; width: 802px; height: 397px;">
<h3 style="clear: both;">sapatilha</h3>
<div class="imageRow">
<div class="set">
<div class="single first">
<a href="images/sapatilha/sapatilha1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha1.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single">
<a href="images/sapatilha/sapatilha2.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img src="images/sapatilha/sapatilha2.jpg" height="150" alt="Plants: image 2 0f 4 thumb" /></a>
</div>
<div class="single">
<a href="images/sapatilha/sapatilha3.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="images/sapatilha/sapatilha3.jpg" height="150" alt="Plants: image 3 0f 4 thumb" /></a>
</div>
<div class="single last">
<a href="images/sapatilha/sapatilha4.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="images/sapatilha/sapatilha4.jpg" height="150" alt="Plants: image 4 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha5.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha5.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha6.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha6.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha7.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha7.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha8.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha8.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha9.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha9.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha10.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha10.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha11.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha11.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha12.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha12.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha13.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha13.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha14.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha14.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha15.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha15.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha16.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha16.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha17.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha17.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha18.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha18.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha19.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha19.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha20.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha20.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha21.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha21.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha22.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha22.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha23.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha23.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha24.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha24.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha25.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha25.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha26.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha26.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha27.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha27.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
<div class="single first">
<a href="images/sapatilha/sapatilha28.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha28.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/lightbox.js"></script>ninguem
preciso colocar as fotos na parte da pagina em branco
não tem link
o site não está no ar ainda
Desculpe amigo, assim fica difícil tentar ajudar.
Poste o CSS.
Ao postar códigos, coloque-os entre as tags correspondentes para melhor visualização do pessoal.
Coloque somente os trechos de códigos correspondentes ao problema.
Ajude o fórum a te ajudar.
Att.
a duvida a cima eu ja consegui resolver
estou com um problema seguinte eu fiz o site passei o site para o servidor do uolhost ai na imagem estou usando lightbox
ai não funciona o efeito ligthbox so aparece a imagem normal o que eu faço
valeu pela ajuda
<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
<meta name="author" content="Lokesh Dhakar">
<link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link href='[http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700](http://fonts.googleapis.com/css?family=Fredoka+One%7COpen+Sans:400,700)' rel='stylesheet' type='text/css'>
<link rel="Stylesheet" type="text/css" href="estilo.css">
<div class="single first">
<a href="[http://servidor.com.br/sapatilha/sapatilha28.jpg](http://servidor.com.br/sapatilha/sapatilha28.jpg)" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="[http://servidor.com.br/sapatilha/sapatilha28.jpg](http://servidor.com.br/sapatilha/sapatilha28.jpg)" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/lightbox.js"></script>
<script>
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});
$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? '[https://ssl](https://ssl)' : '[http://www](http://www)') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>e ai galera blz
esse é o meu site na parte de fotos na pagina sapatilha.html
o ligthbox não funciona eu enviei todos arquivos para o servidor e as fotos aparecem embaixo da outra essa mesma pagina no localhost funciona perfeito
o que eu faço
como eu faço alguem sabe
e ai galera já consegui resolver o meu problema valeu pela ajuda
Tem um link?