Pessoal,
Não sou conhecedor de html nem de css, apenas curioso, e criei uma página pessoal, que está abaixo. Alguem poderia me ajudar?? Gostaria que os links que aparecem do box esquerdo aparecessem no box direito. Eu consigo isso usando frames, mas gostaria de fazer isso usando CSS. É possível??? Se for, e alguem puder me ajudar, agradeço.
<html>
<head>
<title>Chinelo de Pneu</title>
<style type="text/css" title="mystyles" media="all">
<!--
body { background-color: #e6e6d9;
color: #5d665b;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
line-height: 180%;
}
p { text-indent: 3em;
}
h1 { color:#966b72;
font-family: Verdana, Geneva, Arial, sans-serif;
}
a:link { color: #00c;
text-decoration: none;
background-color: transparent
}
a:visited { color: #699;
text-decoration: none;
background-color: transparent
}
a:hover { color: #c93;
text-decoration: underline;
background-color: transparent
}
a:active { color: #900;
text-decoration: underline;
background-color: transparent
}
.leftcol { text-align: left;
width: 20%;
float: left
}
.rightcol { text-align: left;
width: 80%;
float: left
}
-->
</style>
</head>
<body>
<div class="leftcol">
<p><a href="turma.htm" target="right">A Turma</a></p>
<p><a href="fotos.htm" target="right">Fotos</a></p>
<p><a href="video.htm" target="right">Vídeos</a></p>
<p><a href="dicas.htm" target="right">Dicas</a></p>
<p><a href="materias.htm" target="right">Matérias</a></p>
<p><a href="provas.htm" target="right">Provas</a></p>
<p><a href="link.htm" target="right">Links</a></p>
<p><a href="atual.htm" target="right">Atualizações</a></p>
<p><a href="fale.htm" target="right">Fale Conosco</a></p>
</div>
<div class="rightcol">
<h1><p>Chinelo de Pneu</p></h1>
<p>Mapa de Acesso</p>
<p>Vejam quantas pessoas já nos visitaram:</p>
</div>
</body>
</html>