Jump to content


jfjunior

Member Since 23/07/2007
Offline Last Active 25/07/2007, 07:05
-----

Topics I've Started

Links Em Css

24/07/2007, 09:38

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>

IPB Skin By Virteq