MiSaig 0 Denunciar post Postado Novembro 7, 2006 Depois de bater a cabeça com vários tutoriais e estudos sobre CSS, o Leandro Vieira me vem com esse tutorial super simples e deu tudo certo na primeira e eu aconselho aos iniciantes como eu usar esse tuto para fazer o layout básico (duas colunas) em CSS no dreamweaver. http://www.imasters.com.br/artigo/4847/dre..._o_dreamweaver/ Então, só que q eu fiquei na dúvida sobre o posicionamento, q naum estava no tutorial e q eu li a respeito, sabe, absolute, relative... eu achei estranho naum ter, aí eu fui por relative no #geral e absotute nos outros, (porque o layout é líquido) mas a div vira layer quando eu coloco absolute... é isso mesmo?? E quando testo nos browsers dá um monte de erro no netscape, principalmente nas margens. Porque?? :wacko: Compartilhar este post Link para o post Compartilhar em outros sites
Leandro Vieira Pinho 0 Denunciar post Postado Novembro 7, 2006 Depois de bater a cabeça com vários tutoriais e estudos sobre CSS, o Leandro Vieira me vem com esse tutorial super simples e deu tudo certo na primeira e eu aconselho aos iniciantes como eu usar esse tuto para fazer o layout básico (duas colunas) em CSS no dreamweaver. http://www.imasters.com.br/artigo/4847/dre..._o_dreamweaver/ Então, só que q eu fiquei na dúvida sobre o posicionamento, q naum estava no tutorial e q eu li a respeito, sabe, absolute, relative... eu achei estranho naum ter, aí eu fui por relative no #geral e absotute nos outros, (porque o layout é líquido) mas a div vira layer quando eu coloco absolute... é isso mesmo?? E quando testo nos browsers dá um monte de erro no netscape, principalmente nas margens. Porque?? :wacko:Opa, tudo bem?Primeiro fico feliz por ter gostado do tutorial e que ele tenha sido útil http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Bom, vamos por partes quanto as suas dúvidas.só que q eu fiquei na dúvida sobre o posicionamento, q naum estava no tutorial e q eu li a respeito, sabe, absolute, relative...No exemplo do tutorial não há necessidade de tais posicionamentos, por isso, que eles não foram utilizados. Para cada caso, temos uma solução que se adequá melhor.fui por relative no #geral e absotute nos outros, (porque o layout é líquido) mas a div vira layer quando eu coloco absolute... é isso mesmo??Se tratando do mundo os padrões da web, esquece: layer. Isto é um jargão criado e utilizado no Dreamweaver. Cuido para não confundir as coisas.Para ver mais sobre relative/absolute, veja este tutorial: http://www.imasters.com.br/artigo/4476/dre...nto_das_layers/PS. http://www.imasters.com.br/artigo/4934/dre...weaver_-_final/ Compartilhar este post Link para o post Compartilhar em outros sites
MiSaig 0 Denunciar post Postado Novembro 7, 2006 Então, eu usando esse mesmo layout do tutorial, q naum tem position, como eu faço para colocar "caixas" com fundo de cores diferentes dentro da div #conteúdo? Seguindo a lógica (a minha) teria que por position relative na div #conteúdo e as layers position absolute... pode??Ah! E o erro do nestcape com as margens? Será naum faz mal?? Compartilhar este post Link para o post Compartilhar em outros sites
Leandro Vieira Pinho 0 Denunciar post Postado Novembro 9, 2006 como eu faço para colocar "caixas" com fundo de cores diferentes dentro da div #conteúdo?Assim:<div id="conteudo"><div class="fundoAzul"></div></div>aí use este CSS:.fundoAzul {backgrund-color: #......} Ah! E o erro do nestcape com as margens? Será naum faz mal??Me explique melhor. Compartilhar este post Link para o post Compartilhar em outros sites
MiSaig 0 Denunciar post Postado Novembro 9, 2006 Em primeiro lugar me desculpe pelo outro tópico, é q eu acabei postando a mesma pergunta nesse... foi mal!! Estou toda enrolada com as positions... fui fazer um "mapa de imagem com pop up"q eu li na coluna do Maurício Samy, (http://www.imasters.com.br/artigo/4042/css/mapa_de_imagem_com_pop-up ) só q somente com fotos pequenas e quando o usuário passasse o mouse, apareceria a mesma foto grande ao lado... ainda naum consegui fazer funcionar, mas o q está me encucando mesmo é q ele diz para olhar o código para ver como se fazer o posicionamento, mas se eu ponho as fotos com position absolute, fica tudo bagunçado usando outra resolução... Bom, as fotos estão dentro da div #fotos, q está dentro da div #conteudo daquele layout q você ensinou no tutorial citado acima. Não sei se me fiz entender... sei q eu aprendi q para a position absolute naum bagunçar tem q estar dentro de uma position relative, mas naum dá certo ! Qd eu ponho a div #fotos em relative sai tudo do lugar!! Aqui estão algumas partes do código, para você ter uma idéia:a .foto1 { display: block;}a:hover .fotogr1 { display: block;}a .fotogr1, a .fotogr2, a .fotogr3, a .fotogr4 { display: none; position: absolute; top: 560px; left: 375px;}.foto1 { left: 220px; top: 415px; position: absolute;}<div id="fotos"> <div id="foto1"> <a href="#no"> <span class="foto1"><img src="../imagens/casa/corredor27pq.jpg" width="77" height="103" /></span> <span class="fotogr1"><img src="../imagens/casa/corredor27.jpg" /></span> </a></p> </div> Socorro!! Compartilhar este post Link para o post Compartilhar em outros sites
MiSaig 0 Denunciar post Postado Novembro 9, 2006 Valeu pela dica da class, deu certo! Estive pensando sobre esse mapa comimagem pop up, e dá para fazer esse mesmo efeito no fireworks, mas pude perceber que ele usa tabela para montar o layout das imagens... o q vcs acham?? Fireworks ou CSS?? Compartilhar este post Link para o post Compartilhar em outros sites
Alan M. Diniz 1 Denunciar post Postado Novembro 10, 2006 Esse tutorial é muito bom mesmo.Foi uma mão na roda pra mim uns dias atraz..valew Compartilhar este post Link para o post Compartilhar em outros sites