Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda com Div


Gustavo Nunes

Pergunta

Galera, to fazendo um site que na pagina inicial tem 6 imagens

Para mim colocar essas imagens no lugar que eu quero, eu utilizei div e criei classes no css igual essa:

.imagem1
{
position: relative;
top: 0px;
left: 10px;
}

o problema é que, eu coloco a imagem a onde eu quero, só que o site fica com muita barra de rolagem com espaço vazio.

pelo fato de eu ter colocado o codigo da imagem no fim da codificação e ter usado a div para desloca-la, as dimensões de cada imagem ficaram no final do site, só que deixando um espaço vazio

alguém sabe como tirar esses espaços sem eu ter que alterar o que eu já fiz, como as div e o css?

valeo ;)

Editado por Jonathan Queiroz
Adcionar tag's (Jonathan)
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

HTML:

<html>
<head>
<title>Floricultura Lótus</title>
<link rel="stylesheet" href="estilo.css" type="text/css" />
</head>
<center><img src="Lotus.jpg" alt="" border="2px"></center>
<body bgcolor="#f2d6e1">

<div class="divmenu"> 
<center>
 <ul class="menu">
  <li><a href="index.html">Home</a></li>
    <li><a href="floricultura">A Floricultura</a></li>
  <li><a href="arranjos.html">Arranjos</a></li>
    <li><a href="promocoes.html">Promoções</a></li>
  <li><a href="contato.htm">Contato</a></li>
    <li><a href="parceiros.html">Parceiros</a></li>
 </ul>
</center>
</div>
<div class="categoria">
<table class="auxtable">
<tr><td>  
  </br>
  <h3>Procure sua flor:</h3>
    <input type="text"/><br/>
  <input type="Submit" value="Procurar"/>
    <br/>
    </br>
    <hr>
  <h3>Categorias</h3>
    <ul class="auxmenu">
    <font size="2">
      <li><a href="#">15 anos</a></li>
      <li><a href="#">Acompanhamentos</a></li>
      <li><a href="#">Agradecimentos</a></li>
      <li><a href="#">Aniversário</a></li>
      <li><a href="#">Bouquet</a></li>
      <li><a href="#">Cestas</a></li>
      <li><a href="#">Romântico</a></li>
            <li><a href="#">Lançamentos</a></li>
    </font>
  </ul></td></tr>
</table></td>
</div>
</div>


<div class="orquidea">
<a target="_self" href="#"><img border="0" src="orquidea.jpg" alt="Veja nossas Orquideas!"></a>
</div>

<div class="rosa">
<a target="_self" href="#"><img border="0" src="rosa.jpg" alt="Veja nossas Rosas!"></a>
</div>

<div class="narciso">
<a target="_self" href="#"><img border="0" src="narciso.jpg" alt="Veja nossos Narcisos!"></a>
</div>

<div class="jasmim">
<a target="_self" href="#"><img border="0" src="jasmim.jpg" alt="Veja nossos Jasmins!"></a>
</div>

<div class="lirio">
<a target="_self" href="#"><img border="0" src="lirio.jpg" alt="Veja nossos Lirios!"></a>
</div>

<div class="tulipa">
<a target="_self" href="#"><img border="0" src="tulipa.jpg" alt="Veja nossas Tulipas!"></a>
</div>
</body>
</html>
CSS:
.categoria
{
position: relative;
top: 0px;
left: 10px;
}

.email
{
position: relative;
top: -300px;
left: 200px;
}

.orquidea
{
position: relative;
top: -360px;
left: 240px;
}

.rosa
{
position: relative;
top: -484px;
left: 470px;
}

.narciso
{
position: relative;
top: -608px;
left: 700px;
}

.jasmim
{
position: relative;
top: -570px;
left: 240px;
}

.lirio
{
position: relative;
top: -694px;
left: 470px;
}

.tulipa
{
position: relative;
top: -818px;
left: 700px;
}

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...