Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
e ai galera blz como eu faço para o menu ficar do lado esquerdo e o slideshow ficar do lado direito
index.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<table align="left">
<link rel="stylesheet" href="estilo.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<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>
</head>
<body topmargin="0">
<div id="content">
<div class="superior">
<div id="logo"> </div>
</div>
</p>
<table width="10">
<tr>
<td width="4"> <p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </td>
</table>
<div id="miolo">
<div id="menu_lateral">
<ul>
<a href="http://"><li class="menu">botas</li></a>
<a href="http://"><li class="menu">sapatilhas</li></a>
<a href="http://"><li class="menu">sand?ias</li> </a>
<li class="linha">-------------------------------------</li>
<a href="http://"><li>sobre n?</li></a>
<a href="http://"><li>como chegar</li></a>
<a href="http://"><li>fale conosco</li></a>
</ul>
</div>
<div id="banners">
<div id="slideshow" class="pics">
<img src="" width="802" height="397" align="right" />
<img src=".jpg" width="802" height="397" />
<img src=".jpg" width="802" height="397" />
</div>
</div>
</table>
</body>
</html>
Vamos lá:
1) Por que tem um <table align="left"> no seu <head>?
2) Sem seu CSS não dá para saber como está fazendo, mas acredito que você não fez uso da propriedade float, pois ela resolveria seu problema. Fiz um esboço rápido no Photoshop mostrando-a.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/VjrOXhq.png&key=f9b2eb0eab64a6987ea82b34411295a3f736f77cfe72d221ee6e07e41db75a16" alt="VjrOXhq.png" />
Espero que dê para entender.