PHP, Java, JavaScript, XML, XHTML, HTML, CSS, ASP, Delphi, Assembly, LaTeX, C, UML, Flash, Perl, SQL, Python, Zope, Pascal, WML. Se conhece mais de 3 siglas referidas, este é o forum para si.
Moderadores: Administradores, Moderadores
por brainX » Terça Set 21, 2004 15:33
Comecei recentemente a ajudar na construçao de uma HP e aconteceu-me algo que achei ser estranho.
Tenho uma tabela de layout e uma determinada celula com 729x30px. Nessa celula deveria estar uma imagem que tem exactamente as mesmas dimensoes. Usando o dreamweaver quando vou à vista de design aparece direitinho. QUando passo para um preview no ie a figura aparece-me mais pequena e consequentemente desalinhada com algo que se encontra acima.
<table width="900" border="0" align="center" cellspacing="6px" >
<tr><td colspan="2" class="fund_azul" height="70px"><div class="prov">HEADER</div></td></tr>
<tr><td colspan="2"><div id="data">
<script language="javascript" type="text/javascript" src="data.js"></script></div></td></tr>
<tr><td rowspan="2" width="149" class="fund_azul">
<div class="prov">MENU</div></td>
<td width="729px" height="30px" valign="top"><div class="topcenter"><img src="header_news.gif" width="729" height="30"></div></td><td></td>
</tr></table>
Alguma ideia?
outra coisa, isto ainda é só um esquema mas eu coloquei uma width total de 900 e um spacing de 6. teoricamente, as celulas nao poderiam ter 150 e 732? Colocando esses valores o dreamweaver "obriga-me" a corrigi-los para 729 e 149.
se calahr sao coisas estupidas mas obrigado a todos e dêem-me um desconto , lolol.
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Dr » Terça Set 21, 2004 19:46
O teu problema é uma célula extra que tens. Vou colocá-la a bold para veres qual é. Retira-a e tudo deve ficar direitinho. Cumprimentos.
<table width="900" border="0" align="center" cellspacing="6px" >
<tr><td colspan="2" class="fund_azul" height="70px"><div class="prov">HEADER</div></td></tr>
<tr><td colspan="2"><div id="data">
<script language="javascript" type="text/javascript" src="data.js"></script></div></td></tr>
<tr><td rowspan="2" width="149" class="fund_azul">
<div class="prov">MENU</div></td>
<td width="729px" height="30px" valign="top"><div class="topcenter"><img src="header_news.gif" width="729" height="30"></div></td><td></td>
</tr></table>
-
Dr
- Membro de Ouro

-
- Mensagens: 903
- Registado: Quarta Jan 21, 2004 3:50
- Localização: Porto
por Tretabyte » Quarta Set 22, 2004 4:56
Boas,
outra coisa, nunca se deve de meter uma table do exacto tamanho do que a imagem pk geralmente acontece o que se passou, da pelo menos 2px de diferenca.
sem mais
Tretabyte
-

Tretabyte
- Gurus

-
- Mensagens: 5333
- Registado: Sábado Jan 17, 2004 13:17
- Localização: Lx
-
por brainX » Quarta Set 22, 2004 6:31
Obrigado pelas respostas... Vou corrigir.
Outra coisa que me surgiu (provavelmente também de iniciante

) foi o seguinte. Eu tenho um spacing de 6px e quando ponho um menu em jscript que gerei com software na cell que está em rowspan, e ao lado desta estão duas (uma tem a tal imagem), e em vez de me aumentar a célula ao lado que não tem height definido para compensar, aumenta a que está com height definido. Como é que posso corrigir isto?
Obrigado mais uma vez....
Editado pela última vez por
brainX em Quarta Set 22, 2004 6:46, num total de 1 vez.
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por brainX » Quarta Set 22, 2004 6:35
Tetra em relação aos px de diferença, queres dizer dizer a imagem com menos que a cell certo?
Obrigado e desculpa a pergunta provavelmetne estúpida...
"No Man is a complete mistery except to himself"
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Dr » Quarta Set 22, 2004 7:12
Tretabyte Escreveu:Boas,
outra coisa, nunca se deve de meter uma table do exacto tamanho do que a imagem pk geralmente acontece o que se passou, da pelo menos 2px de diferenca.
sem mais
Tretabyte
Se a tabela tiver a borda definida para 0 (zero) não custumam surgir problemas (a menos que a tabela tenha cell padding; aí deve-se acrescentar o dobro desse valor tanto na altura como na largura).
Quanto ao teu novo problema, brainX, eu não entendi muito bem o que queres... Talvez alterando manualmente a altura da linha que não a tem definida seja uma solução, mas só olhando o código é que posso dar-te algum tipo de sugestão mais eficaz.
E... Sim, a tabela maior que a foto, caso venhas a dar esses 2 pxs de diferença.
Cumprimentos.
-
Dr
- Membro de Ouro

-
- Mensagens: 903
- Registado: Quarta Jan 21, 2004 3:50
- Localização: Porto
por brainX » Quinta Set 23, 2004 18:19
Tenho mais uma duvida para voces

.
Resolvi inserir como header uma animaçaozita que fiz em flash com 900x80. A célula para onde era iria tem precisamente 900x80 o que eu sei, por experiencia propria, ser um erro. Mas nao passa por aí porque se eu for até 886 o dreamweaver nao me corrige o valor de 900 na tabela (a partir daí como a aumentar). No entanto, altera-me o valor de duas celulas que estao abaixo, uma ao lado da outra, retirando um pixel a uma para por na outra. Eu nao percebo mt disto como podem perceber se quiserem dar um palpite eu agradecia.
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por brainX » Quinta Set 23, 2004 18:47
Se quiserem dar uma vista de olhos ao site eu publiquei-o provisioriamente em
http://cosmos.oninetspeed.pt/brainX/news.htm
Deve dar parta darem umas boas risadas mas eu nao me importo, lol.
Cumps
"No Man is a complete mistery except to himself"
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Tretabyte » Quinta Set 23, 2004 22:56
Boas,
brainX usa percentagem em certas partes das tabelas, como estas a usar coisas dentro das tabelas, se usares percentagem geralmente a tabela exterior aumenta em funciona do que colocas dentro.
sem mais
Tretabyte
-

Tretabyte
- Gurus

-
- Mensagens: 5333
- Registado: Sábado Jan 17, 2004 13:17
- Localização: Lx
-
por brainX » Sexta Set 24, 2004 12:15
Mais uma duvidazita. eu tenho uns headers feitos em jpg e queria fazer um preload para a pagina nao aparecer sem os headers. Usar o seguinte script é boa opçao?
<script language="JavaScript">if (document.images) {
img1 = new Image();
img1.src = "header.jpg";}</script>
E já agora, só mais uma coisinha. Eu tenho uns menus que sao baseados em javascript e na alternância de imagens. A minha dúvida é, como evitar que às vezes ao utilizar o menu a transiçao seja lenta? Fazer preload das imagens?
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Dr » Sexta Set 24, 2004 18:18
brainX Escreveu:E já agora, só mais uma coisinha. Eu tenho uns menus que sao baseados em javascript e na alternância de imagens. A minha dúvida é, como evitar que às vezes ao utilizar o menu a transiçao seja lenta? Fazer preload das imagens?
YAP. Mas lembra-te que isso vai fazer com que o carregamento inicial da página seja mais lento, pois vais estar mais pesado.
Quanto à tua dúvida sobre JavaScript, não sei responder-te porque não gosto da síntaxe dessa linguagem, logo tudo o que uso de JavaScript são scripts que encontro na Internet e altero (às vezes a muito custo) conforme as minhas necessidades. Se fosse PHP...
Cumprimentos.
-
Dr
- Membro de Ouro

-
- Mensagens: 903
- Registado: Quarta Jan 21, 2004 3:50
- Localização: Porto
por brainX » Sábado Set 25, 2004 18:15
E ha alguma forma se fazer o preload de uma serie de imagens sem ter que escrever code para cada uma? É que isto sao menus e e são algumas imagens....
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Sniper PT » Domingo Set 26, 2004 20:39
Acho que não.... E se fosse possível seria apenas a nível de browser (e apenas no caso de existir uma opção para isso)...
-
Sniper PT
- Membro de Prata

-
- Mensagens: 414
- Registado: Terça Jul 08, 2003 12:07
por brainX » Quarta Set 29, 2004 11:54
Obrigado a todos.
Só mais uma coisinha. Este algum script que se posso colocar no head de uma pagina para configurar a janela em termos de width height toolbars, etc., que possa ser feito na propria sem ser na pag com a link?
-
brainX
- Membro de Ouro

-
- Mensagens: 546
- Registado: Quinta Jul 08, 2004 13:46
por Geek » Sábado Out 02, 2004 0:07
Tretabyte Escreveu:Boas,
outra coisa, nunca se deve de meter uma table do exacto tamanho do que a imagem pk geralmente acontece o que se passou, da pelo menos 2px de diferenca.
sem mais
Tretabyte
poder podes, para não teres esse espaço entre os td's e as imagens deves fazer:
<td><img src="images/xpto.gif"></td>
em vez de:
<td>
<img src="images/xpto.gif">
</td>
Cumps, aqui fica uma dica util
Pentium 4 2.5Ghz, Motherboard ASUS P4S8X-X, 1Gb Ram, MSI FX5200, Western Digital 200Gb 8Mb Cache IDE, Western Digital 120Gb 8Mb Cache IDE, SB Audugy Platinium. Coolermaster Stacker, Zalman 7000B-CU
-
Geek
- Membro de Prata

-
- Mensagens: 170
- Registado: Quarta Ago 11, 2004 21:17
Voltar para Programação
Quem está ligado:
Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante