<< Fireworks Brasil

Discussion Area

ask questions, discuss topics, solve problems

Discussion Home | About | Threads By Date | Search

Fronteiras Sobrepostas - Problema ao Exportar para o Dreamweaver


Thread posted 06/21/11 by Yuri Câmara
6,439 views, 3 comments.

Title
Fronteiras Sobrepostas - Problema ao Exportar para o Dreamweaver

Content

Olá Pessoal,

Tentei deixar esses dois objetos (imagem anexa) sem suas fronteiras sobrepostas mas não consegui. Se dois ou mais objetos estiverem dessa forma só dá para exportar o site com posições absolutas no modo CSS e imagens,  Eu quero que as posições sejam relativas para poder aproveitar melhor os arquivos exportados no Dreamweaver. Eu já tentei mexendo na linha de base do texto com fonte maior e também agrupando-os mas não deu certo. Eu sei que dá para deixar os textos distantes no FW e depois juntá-los no DW mas aí é gambiarra. Eu queria aprender o jeito certo!

Se alguém souver, por favor me ajude.

Abs!

Image

Comments

posted 06/22/11 by Ana Laura Gomes | Report Abuse

oi yuri!

estou procurando por uma resposta... ainda não encontrei uma definitiva. o que li só fala do modo "besta", arrumar no dream, dããã... isso a gente sabe.

veja:

*** When you export as CSS and images, are you getting a message that "boundaries overlap" and Fireworks is "switching to absolute positioning" mode? If the export is done with absolute positioning, then Fireworks is forced to have the page left-aligned. Center-aligned pages can only be exported if Fireworks is not in absolute positioning mode.

If Fireworks is absolute positioning mode, you need to track which objects have overlapping boundaries and eliminate the overlaps. There are too many situations where overlapping can occur, but remember to check all of your rectangles, text objects, and slices. Let us know if you have additional questions - even better if you upload your file.

The image rollovers / image swap behaviors are done with Javascript, and the CSS export feature does NOT include any of the Javascript behaviors. The JavaScript created by Fireworks is only suitable for prototyping (i.e., just to see how something might look in a browser) - it is not really production quality code. Fireworks only exports JavaScript when you export your page as HTML and Images, but the problem with that is that it exports your design as a sliced up bitmap (text and all) in a table-based layout - not live content HTML. If you want rollovers and image swaps in better quality code, I suggest that you get a good, clean CSS export then take it into Dreamweaver and add the interactivity there. (http://www.fireworksguruforum.com/index.php?showtopic=15511) ***

vou tentar uma nova busca e apreensão pela web e fazer uns testes e retorno com mais informações, ok?

bjus



posted 06/22/11 by Yuri Câmara | Report Abuse

Olá,

Primeiramente, obrigado mais uma vez pela atenção.

No manual que tenho simplesmente diz:

"Rules for CSS-based layouts

Rule 2: Avoid overlapping of objects The export engine treats text, images, and rectangles as rectangular blocks. It examines the size and position of these objects to determine the logical rows and columns to place them in the layout. Carefully place the objects so that their boundaries do not overlap."

Simplesmente, eu acho que não tem outra solução senão arrumar no Dreamweaver. Para este meu caso, o FW atribuiu ao exportar, o mesmo padding para os dois objetos e tirou eles um pouco do lugar. Resultado no FF: http://goo.gl/0wEvR

Eu acho que está satisfatório. É que estou estudando bem a integração destes dois programas e quanto mais automático for, mais tempo se ganha, é claro. Mas independente desse e outros ajustes que devem ser feitos, estou achando esta integração ótima ao contrário do que dizem.

E Ana, não se preocupe. Não é importante o suficiente. Nem deve ter solução mesmo. E você tem tanta coisa para fazer....!

Abs!

posted Jan 13 by Ana Laura Gomes | Report Abuse

minha nossa! quanto tempo!!!!

mas olha só yuri, andei estudando um tico disso e achei estas dicas, vejam se te ajudam ainda...

http://www.adobe.com/devnet/fireworks/articles/export_css_images.html

http://www.adobe.com/devnet/fireworks/articles/fireworks_web_design_css.html

bjus