Jump to content

  2. →
  3. →

Photo

Página Desconfigurando Ao Minimizar

Started By EdsonFB, 07/02/2011, 08:34

  • Faça o login para participar
5 replies to this topic

#1 EdsonFB

EdsonFB

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Poços de Caldas - MG

Posted 07/02/2011, 08:36

Olá pessoal, tudo bem?
Estou precisando de uma ajuda aqui. Estou desenvolvendo uma loja virtual para a empresa em que trabalho na ferramenta Dreamweaver. Acontece que ao abrir a página inicial, ao minimizar a janela, ela desconfigura a posição de todos os seus componentes bagunçando tudo, tanto no Mozilla Firefox, quanto no google chrome. O que eu estou fazendo de errado e como devo proceder para solucionar tudo esse problema?
Desde já agradeço a ajuda de todos!

Segue o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">


a:link {text-decoration: none}
a:visited {text-decoration: none}
<!-- a:hover {text-decoration: underline;} -->
color: #FF0000;
}
a:active {text-decoration: none}

a:visited, a:active {
<!-- text-decoration: underline; -->
}
a:hover {text-decoration: underline;
background:#ffc; 
color: #FF0000;
}




td img {display: block;}#apDiv1 {
	position:absolute;
	left:507px;
	top:0px;
	width:270px;
	height:181px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:334px;
	top:216px;
	width:91px;
	height:19px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:477px;
	top:216px;
	width:97px;
	height:19px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:614px;
	top:216px;
	width:104px;
	height:23px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	left:774px;
	top:216px;
	width:90px;
	height:20px;
	z-index:5;
}
#apDiv6 {
	position:absolute;
	left:912px;
	top:217px;
	width:101px;
	height:21px;
	z-index:6;
}
.style1 {color: #000000}
#apDiv7 {
	position:absolute;
	left:138px;
	top:242px;
	width:148px;
	height:824px;
	z-index:7;
}
#apDiv8 {
	position:absolute;
	left:209px;
	top:239px;
	width:126px;
	height:1203px;
	z-index:7;
}
</style>
</head>

<body>
<div id="apDiv1"><img src="../Html/COMPRE-AQUI.gif" alt="Logo" width="297" height="180" /></div>
<div id="apDiv2">
  <div align="center">
    <h4>Suplementos</h4>
  </div>
</div>
<div id="apDiv3">
  <div align="center">
    <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Eletronicos</a></h4>
  </div>
</div>
<div id="apDiv4">
  <div align="center">
    <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Celulares</a></h4>
  </div>
</div>
<div id="apDiv5">
  <div align="center">
    <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Informática</a></h4>
  </div>
</div>
<div id="apDiv6">
  <div align="center">
    <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Outros</a></h4>
  </div>
</div>
<div id="apDiv7"><img name="barra" src="barra.jpg" width="156" height="826" border="0" id="barra" alt="Menu" /></div>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="720">
  <!-- fwtable fwsrc="Principal 1.png" fwpage="Page 1" fwbase="Principal 1.jpg" fwstyle="Dreamweaver" fwdocid = "1534791158" fwnested="0" -->
  <tr>
    <td><img src="spacer.gif" width="136" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="8" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="6" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="130" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="136" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="137" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="24" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="111" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="3" colspan="12"><img name="Principal1_r1_c1" src="Principal%201_r1_c1.jpg" width="720" height="223" border="0" id="Principal1_r1_c1" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img src="spacer.gif" width="1" height="37" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img src="spacer.gif" width="1" height="170" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="Principal1_r4_c1" src="Principal%201_r4_c1.jpg" width="136" height="30" border="0" id="Principal1_r4_c1" alt="" /></td>
    <td rowspan="2"><img name="Principal1_r4_c2" src="Principal%201_r4_c2.jpg" width="8" height="977" border="0" id="Principal1_r4_c2" alt="" /></td>
    <td colspan="2"><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c3" src="Principal%201_r4_c3.jpg" width="136" height="30" border="0" id="Principal1_r4_c3" alt="" /></a></td>
    <td rowspan="2"><img name="Principal1_r4_c5" src="Principal%201_r4_c5.jpg" width="12" height="977" border="0" id="Principal1_r4_c5" alt="" /></td>
    <td><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c6" src="Principal%201_r4_c6.jpg" width="136" height="30" border="0" id="Principal1_r4_c6" alt="" /></a></td>
    <td rowspan="2"><img name="Principal1_r4_c7" src="Principal%201_r4_c7.jpg" width="9" height="977" border="0" id="Principal1_r4_c7" alt="" /></td>
    <td><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c8" src="Principal%201_r4_c8.jpg" width="137" height="30" border="0" id="Principal1_r4_c8" alt="" /></a></td>
    <td rowspan="2"><img name="Principal1_r4_c9" src="Principal%201_r4_c9.jpg" width="9" height="977" border="0" id="Principal1_r4_c9" alt="" /></td>
    <td colspan="2"><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c10" src="Principal%201_r4_c10.jpg" width="135" height="30" border="0" id="Principal1_r4_c10" alt="" /></a></td>
    <td rowspan="2"><img name="Principal1_r4_c12" src="Principal%201_r4_c12.jpg" width="2" height="977" border="0" id="Principal1_r4_c12" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="Principal1_r5_c1" src="Principal%201_r5_c1.jpg" width="136" height="947" border="0" id="Principal1_r5_c1" alt="" /></td>
    <td colspan="2"><img name="Principal1_r5_c3" src="Principal%201_r5_c3.jpg" width="136" height="947" border="0" id="Principal1_r5_c3" alt="" /></td>
    <td><img name="Principal1_r5_c6" src="Principal%201_r5_c6.jpg" width="136" height="947" border="0" id="Principal1_r5_c6" alt="" /></td>
    <td><img name="Principal1_r5_c8" src="Principal%201_r5_c8.jpg" width="137" height="947" border="0" id="Principal1_r5_c8" alt="" /></td>
    <td colspan="2"><img name="Principal1_r5_c10" src="Principal%201_r5_c10.jpg" width="135" height="947" border="0" id="Principal1_r5_c10" alt="" /></td>
    <td><img src="spacer.gif" width="1" height="947" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

Segue os arquivos constantes no código.

Attached Files


Edição feita por: EdsonFB, 07/02/2011, 08:38.

#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 07/02/2011, 09:09

O problema é que todas as divs estão com position absolute... então quando você diminui a janela e elas vão ficar trocando de posição. Elas precisam de uma posição relativa para não ficarem trocando de posição.

O problema é que vc está usando o dreamweaver. E vai ser dificil modificar isso nele.
O ideal seria você fazer o layout na mão.
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 EdsonFB

EdsonFB

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Poços de Caldas - MG

Posted 08/02/2011, 07:16

André, como é a sintaxe pra eu utilizar as divs como relative? Elas têm que estar relativas a um outro objeto não é? Como eu faço isso, porque eu só troquei de absolute para relative e as duas imagens iniciais que estão uma sobre a outra ficaram uma abaixo da outra e não consigo configurar de forma alguma.
Desde já agradeço o auxílio!

#4 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 26/09/2017, 13:33

Amoxicillin Regimen For Tooth Online Cialis With No Prescription Viagra Kaufen online pharmacy Calgary Online Order For Man Enhancer
Amoxicillin And Tanning Vendita Kamagra 150mg cialis El Viagra Hace Dano
Order Viagra From Canadian Pharmacy buy cialis Propecia 20 Years Old Acheter Kamagra Oral Jelly En France Achat Cialis Petite Quantite

#5 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 11/10/2017, 15:30

Echantillon Cialis Gratuit cialis Canada Generic Tadalis Sx
How Much Does Viagra Cost Per Pill 337 Viagra And Cialis For Sale viagra Cialis Rapide Zithromax Uses
Canadian Pharmacy Mail Order Sildenafil online pharmacy Sildenafil Pas Cher 120 Mg

#6 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 28/10/2017, 20:17

Misoprostol Prix Canaidean Rx Cheapest Finasteride On The Web viagra Cialis Sur Ordonnance Viagra Achat En Belgique
Propecia Sintomas Priligy Vendo Inde reputable online levitra Zithromax For Oral Suspension
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq