TiagoGRSS
Membros-
Total de itens
5 -
Registro em
-
Última visita
Sobre TiagoGRSS
TiagoGRSS's Achievements
0
Reputação
-
Como adaptar uma página para todas resoluções?
pergunta respondeu ao TiagoGRSS de TiagoGRSS em HTML, XHTML, CSS
Espaço em branco você diz o que? Nas imagens? Outra coisa, quando ponho a box em 100 % de width e height ela fica bem grande, e por cima das imagens, portanto não consigo clicar nas imagens que tem um link que coloquei com o hotspot tool no dreamweaver -
Como adaptar uma página para todas resoluções?
pergunta respondeu ao TiagoGRSS de TiagoGRSS em HTML, XHTML, CSS
<!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> <link href="estilo.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #apDiv1 { position: absolute; left: -319px; top: 473px; width: 100%; height: 100%; z-index: 1; text-align: center; font-size: 14px; color: #FFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #apDiv2 { position: absolute; left: -107px; top: 486px; width: 100%; height: 100%; z-index: 2; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; } #apDiv3 { position: absolute; left: 104px; top: 474px; width: 100%; height: 100%; z-index: 3; text-align: center; } #apDiv4 { position: absolute; left: 321px; top: 490px; width: 100%; height: 100%; z-index: 4; color: #FFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; } #apDiv5 { position: absolute; left: 56px; top: 881px; width: 100%; height: 100%; z-index: 5; font-weight: bold; margin: 0 auto; } </style> </head> <body bgcolor="#CC6C39"> <div id="apDiv1"> <p>QUITOSANA SPIRULINA 30X30</p> </div> <div class="qme" id="apDiv2">QUITOSANA + ESPIRULINA</div> <div id="apDiv3"> <p>QUITOSANA + SPIRULINA <br /> ACEROLA + BIOTINA</p> </div> <div id="apDiv4">QUITOSANA LARANJA</div> <div id="topo"><img src="img/red topo.png" width="845" height="473" usemap="#Map" border="0" /> <map name="Map" id="Map"> <area shape="rect" coords="455,419,501,465" href="http://www.facebook.com/produtosnaturaisonline" target="_blank" alt="Facebook" /> <area shape="rect" coords="397,414,441,462" href="http://twitter.com/SAUDEINNATURA" target="_blank" alt="Twitter" /> </map> </div> <div id="produtos"><img src="img/red prod.png" width="845" height="312" usemap="#Map2" border="0" /> <map name="Map2" id="Map2"> <area shape="rect" coords="7,3,205,311" href="http://www.produtosnaturaisonline.com.br/vitaesbell-quitosana-e-spirulina.html" target="_blank" alt="Vitaesbell" /> <area shape="rect" coords="219,3,418,314" href="http://www.produtosnaturaisonline.com.br/quitosana-e-espirulina-phytomare-120-capsulas-600mg.html" target="_blank" alt="Quitosana + Espirulina" /> </map> </div> <div id="vit"> <p><img src="img/red vit mlhr lgs.png" width="845" height="800" /></p> <div id="dctr"><img src="img/red dctr.png" width="845" height="125" /></div> <div id="baixo"><img src="img/baixo 2.png" width="845" height="226" /></div> <p> </p> </div> </body> </html> Eu não entendo bem de HTML, então paciência XD -
Como adaptar uma página para todas resoluções?
pergunta respondeu ao TiagoGRSS de TiagoGRSS em HTML, XHTML, CSS
Ainda não achei a solução, para entender melhor vou colocar a image do que está acontecendo http://i48.tinypic.com/uubr4.png http://i50.tinypic.com/2iscdgn.png (Obs.: Os em branco eu consegui, mas somente alinhando no centro, porém os de baixo (descrição), não te como ficar alinhado em center, teria que ficar em left, mas em left, ele ocorre isso que aparece na imagem) -
Como adaptar uma página para todas resoluções?
pergunta respondeu ao TiagoGRSS de TiagoGRSS em HTML, XHTML, CSS
Ah entendi, estou vendo aqui agora, parece que estou conseguindo XD Muito obrigado, não achava a resposta em lugar nenhum, praticamente não sei nada de CSS e HTML, estou indo as cegas XD mas estou conseguindo fazer o que queria Edit: Surgiu outro problema :S Quando ponho em 100%, a caixa de texto (Estou usando o recurso AP Div para o texto) ela fica grande, mas se eu modificar ela, ela não fica mais 100%, mas se deixar grande, o texto não fica no lugar certo Tem alguma maneira de arrumar isso? -
Eu estou fazendo um site de teste, e está pronto, mas quando altero minha resolução, os textos ficam desalinhados, ou quando dou zoom (-), e não quero integrar o texto na imagem, quero deixar ela como texto mesmo, estou usando o Dreamweaver CS6 Alguém pode me ajudar? Não encontro a solução em lugar nenhum