Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fatimamaria

Spacer dando dor de cabeça

Por , em Desenvolvimento frontend

Recommended Posts

Fatimamaria    0

Fatimamaria
Postado

Olá pessoal, podem me ajudar? como eu faço para eliminar estes espaços criados após o corte de imagens no fireworks?, tem algum modo de substitui-los no CSS ?

 

cada um tem tamanho diferente, tem como fazer isso?

 

<tr>   <td><img src="../assets/spacer.gif" width="9" height="1" border="0" alt=""></td>   <td colspan="6"><img src="../assets/spacer.gif" width="309" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="11" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="77" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="13" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="76" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="13" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="75" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="15" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="74" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="15" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="76" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="7" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="1" border="0" alt=""></td></tr>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Henrique    1

Luiz Henrique
Postado

bom você vai ter que deixar de usar tabelas e partir para css, sabe css, se não sabe terá que estudar um pouco, da uma lida no maujor que lá tem coisa pacas de css, da para ter uma basefalow brother

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fatimamaria    0

Fatimamaria
Postado

eu li alguns tópicos do maujor mas não tem nada falando sobre espaço, estou migrando aos poucos para o css e depois fazer a migração das tabelas pois uso ASP e fazer de uma vez vai estragar o código

Compartilhar este post

Link para o post
Compartilhar em outros sites

dieef5    0

dieef5
Postado

Olha,você deve estar recortando isso errado. Pois antigamente, quando eu fazia recortes assim no Fireworks sempre ficava certinho, sem esses estas imgs. você deve estar dando espaço de 1px de 1 slice para outro.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fatimamaria    0

Fatimamaria
Postado

olá dieef5, Quando o corte é feito em tamanhos iguais (linha e coluna)realmente não fica, a imagem que recortei tem 12 fatias, o spacer é justamente para não separa-las, dai o fireworks insere esse spacer para atrapalhar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diêgo Garrido    0

Diêgo Garrido
Postado

eiii Webstandards, prazer... rsJah naum basta aula de estrutura da informação pra internet na facul ser pura tabela eu chego em casa eu vejo mais tabelas, meu Deus... Eh muito castigo! ahaue

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diêgo Garrido    0

Diêgo Garrido
Postado

eu sei o q ela quer fazer, ela tah usando uma imagem de 1px de altura dentro de uma ROW de uma tabela... pra ficar uma linha de altura 1...rs coisas de layouts exportados do photoshop, ou fireworks rsNum é fátima?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fatimamaria    0

Fatimamaria
Postado

Oi meninos obrigada pela paciência

 

Diêgo Garrido,

 

É isso mesmo, criei o topo do meu site no fireworks, porém o fireworks além de criar tabelas ele usa uma marcação de linha de 1px para não desconfigurar o corte.

 

Tem alguma maneira disso não acontecer? Aliais, tem como criar uma estrutura no CSS para exibir esse topo depois de criada no fireworks mas sem esses chatos spacer's?

 

da uma olhada como ficou essa coisa horrivel depois de criar o arquivo fireworks:

 

<html><head><title>header.gif</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="description" content="FW MX FP HTML"><script language="JavaScript"><!-- hide this script from non-javascript-enabled browsers// stop hiding --></script></head><body bgcolor="#ffffff" onload=""><table border="0" cellpadding="0" cellspacing="0" width="770"><!-- fwtable fwsrc="Sem título" fwbase="header.gif" fwstyle="FrontPage" fwdocid = "742308039" fwnested=""0" -->  <tr>   <td><img src="../assets/spacer.gif" width="22" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="103" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="19" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="104" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="21" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="102" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="22" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="103" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="23" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="103" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="21" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="103" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="24" height="1" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td colspan="13"><img name="header_r1_c1" src="../assets/header_r1_c1.gif" width="770" height="24" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="24" border="0" alt=""></td>  </tr>  <tr>   <td colspan="13"><img name="header_r2_c1" src="../assets/header_r2_c1.gif" width="770" height="25" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="25" border="0" alt=""></td>  </tr>  <tr>   <td colspan="13"><img name="header_r3_c1" src="../assets/header_r3_c1.gif" width="770" height="30" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="30" border="0" alt=""></td>  </tr>  <tr>   <td><img name="header_r4_c1" src="../assets/header_r4_c1.gif" width="22" height="17" border="0" alt=""></td>   <td><img name="header_r4_c2" src="../assets/header_r4_c2.gif" width="103" height="17" border="0" alt=""></td>   <td><img name="header_r4_c3" src="../assets/header_r4_c3.gif" width="19" height="17" border="0" alt=""></td>   <td><img name="header_r4_c4" src="../assets/header_r4_c4.gif" width="104" height="17" border="0" alt=""></td>   <td><img name="header_r4_c5" src="../assets/header_r4_c5.gif" width="21" height="17" border="0" alt=""></td>   <td><img name="header_r4_c6" src="../assets/header_r4_c6.gif" width="102" height="17" border="0" alt=""></td>   <td><img name="header_r4_c7" src="../assets/header_r4_c7.gif" width="22" height="17" border="0" alt=""></td>   <td><img name="header_r4_c8" src="../assets/header_r4_c8.gif" width="103" height="17" border="0" alt=""></td>   <td><img name="header_r4_c9" src="../assets/header_r4_c9.gif" width="23" height="17" border="0" alt=""></td>   <td><img name="header_r4_c10" src="../assets/header_r4_c10.gif" width="103" height="17" border="0" alt=""></td>   <td><img name="header_r4_c11" src="../assets/header_r4_c11.gif" width="21" height="17" border="0" alt=""></td>   <td><img name="header_r4_c12" src="../assets/header_r4_c12.gif" width="103" height="17" border="0" alt=""></td>   <td><img name="header_r4_c13" src="../assets/header_r4_c13.gif" width="24" height="17" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="17" border="0" alt=""></td>  </tr>  <tr>   <td colspan="13"><img name="header_r5_c1" src="../assets/header_r5_c1.gif" width="770" height="4" border="0" alt=""></td>   <td><img src="../assets/spacer.gif" width="1" height="4" border="0" alt=""></td>  </tr></table></body></html>

Pensei em fazer uma figura só, mas fica muito pesado, e se tirar os efeitos ai fica feio....ai ai ai, a tentação por usar tabela é grande viu rs rs

 

só para ter uma idéia segue o link de teste:Meu Website de teste

 

no IE abre certinho,

no FF desconfigura

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito