Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
Bom dia a todos!!!
Sou inciante em CSS, mas até que to indo aos trancos e barrancos rsrsrsrs
Tenho feito testes para tentar assimilar melhor o que tenho lido na web. Porém não consigo entender, nem achei em parte alguma o motivo pelo
qual os botões (feitos no flash) ficam com espaço entre um e outro. Já alterei tudo quanto é atributo e não obtenho êxito.
Bom, para que vocês entendam melhor, a página que fiz é o seguinte:
uma div para pagina,
outra para topo,
outra para menu (é uma DIV na horizontal onde irei colocar os botões)
e por ultima uma para rodape
ou seja, 4 DIVS
Na div Menu, coloquei os botões lado a lado, formando uma linha de botões. Porem qdo insiro o segundo botão fica um encômodo espaco entre ele e o anterior, mas isso só ocorre no FF e no Google Chrome. No IE6 ta tudo certo. Alguém sabe como posso contornar isso?
Muito grato desde já a todos aqueles que me ajudarem
Vlw galera,
Abraço!
Será que CSS reset pode ajudar nisso?
É meu caro shark22h, sem termos acesso ao seu código, não será possível ajudá-lo. Já há um fator "complicador" que é o uso de botões em Flash, e nesse caso precisaremos, além de analisar o CSS, como é que esses botões estão sendo inseridos em sua página.
Por favor, nos disponibilize um link para sua página, pode ser um host gratuito mesmo, como o 000webhost.com.
:joia:
Obrigado amigos!
Quanta prontidão!! Legal isso, vou fazer o que me recomendaram, aliás ja fiz, utilizando o 000webhost.com, porém estou aguardando a ativação da conta para dar o upload na página.
Assim que eu fizer isto, posto aqui o link.
Eu utilizo o hdfree, e já tenho o endereço lá, porém não sei porque não consigo acessá-lo desde ontem.
É isso galera,
Muito obrigado mesmo pela atenção.
ps.: botões em flash não são recomendados é? Melhor que eu os crie no Fw?
abraço a todos!
Bom dia,
Realmente o pessoal aqui tem uma disposição ímpar.
Assim que conseguir poste o link que lhe ajudaremos.
Salve salve galera!!!!
Esses hosts frees são umas bombas mesmo né?
São só para testar mesmo, aliás nem pra isso servem kkkkkkkkkkkkkk
Alguem conhece outro onde de fato eu consiga me conectar e dar upload na imagem?
O hdfree segue fora do ar e o 000web é uma burocracia danada, tive que criar conta no gmail e tal ae qdo fiz o upload td certinho, o site não entra. Fica como se estivesse fora do ar...........
Qq dica será válida, so preciso mandar a página para vcs, assim quem sabe possam me dar uma ajuda.
Obrigado a todos desde já,
shark /)
Ok, ok, recursos alternativos.......rsrsrsrs
Agora sim, cá está a imagem que me é apresentada pelo google chrome e FF
No IE 6.0 fica tudo belezinha.
http://fumpr.com/share-3E19_4C44E228.html
Segue abaixo o Code da pagina:
>
<!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">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0x;
margin-bottom: 0px;
position:relative;
}
#pagina {
margin: 100 auto; /Centralizará o conteúdo independente da resolução do monitor/
text-align: left; /Desfaz o alinhamento centralizado do body/
width: 100 %; /Esta é a largura geral do site/
}
#topo {
background-color: #F3D2E7; /Cor de fundo temporária só pra visualizar a div no layout/
height:220px; /Altura da DIV/
}
#menu {
background-color: #DA7B6; /Cor de fundo temporária só pra visualizar a div no layout/
height: 42px; /Altura da DIV/
i
}
#conteudo {
background-color: #DA77B6; /Cor de fundo temporária só pra visualizar a div no layout/
height: 500px; /Altura da DIV/
}
#rodape {
background-color: #A32C78; /Cor de fundo temporária só pra visualizar a div no layout/
height: 150px; /Altura da DIV/
}
-->
</style></head>
<body>
<div id="pagina">
<div id="topo">
</div>
<!-- Fim da div TOPO-->
<div id="menu">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0,width,112,height,42,vspace,0,title,btnHome,hspace,0,src,btnHome,quality,high,pluginspage,http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash,movie,btnHome' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0) width="112" height="42" hspace="0" vspace="0"
title="btnHome">
<param name="movie" value="btnHome.swf" />
<param name="quality" value="high" />
<embed src="btnHome.swf" width="112" height="42" hspace="0" vspace="0" quality="high" pluginspage="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash) type="application/x-shockwave-flash"></embed>
</object>
</noscript>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0,width,112,height,42,title,btnEmpresa,src,btnEmpresa,quality,high,pluginspage,http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash,movie,btnEmpresa' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0) width="112" ;height="42" title="btnEmpresa">
<param name="movie" value="btnEmpresa.swf" />
<param name="quality" value="high" />
<embed src="btnEmpresa.swf" quality="high" pluginspage="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash) type="application/x-shockwave-flash" width="112" height="42"></embed>
</object>
</noscript>
</div>
<!-- Fim da div PAINEL-->
<div id="conteudo">
</div><!-- Fim da div CONTEUDO-->
<div id="rodape">
</div><!-- Fim da div RODAPE-->
</div><!-- Fim da div PAGINA-->
</body>
</html>Bom dia,
Não abriu a imagem não.
Tenta essa hospedagem grátis aqui.
Ué! Estranho, consegui abrir a imagem daqui, fiz os testes............
Vou tentar dar upload nesse outro host...
Ninguém conseguiu abrir o link da imagem?
Abraço a todos!
Eu consegui visualizar a imagem normalmente... :closedeyes:
Mas mesmo assim, não consegui entender qual é o resultado final que pretende obter... Tem como disponibilizar uma imagem representando como pretende que sua página fique?
Grande Paulo!
É o seguinte, é bem simples.....nem precisarei por a imagem. Apenas gostaria que o segundo botão ficasse "colado" ao outro, sem a faixa branca que divide ambos. O curioso é que este mesmo código no IE versão 6, me permite visualizar os botões juntos. Já tentei de tudo, nao tenho idéia porque isto acontece.
Pensei ser bug, mas se fosse teria achado varios comentarios na net e no achei nada a respeito.
Bom, é isso! Quem puder ajudar fique a vontade, ajuda SEMPRE é bem recebida.
Obrigado a todos que postaram até aqui.
Vlw galera!
Shark /)
Bom, sem o código realmente fica difícil tentar encontrar uma solução... Mas tente o seguinte, inclua no início de seu CSS (antes de tudo mesmo):
* { margin:0; padding:0;}Mas atenção: com a inclusão deste trecho de código acima pode ser que o layout sofra algumas alterações, algumas delas bem "gritantes", mas é como eu disse, enquanto não tivermos acesso ao código da página, será difícil encontrar uma solução mais adequada para você... :closedeyes:
Inclua o código e veja se o espaço irá sumir, e nos informe o resultado...
:joia:
Paulo o código da página está acima, no começo do tópico. Falta algo?
Vou tentar o colocar este trecho que me passou, vamos ver....
abraço e obrigado!
Olá meu caro shark22h. Você consegue colocar a página no host gratuito? É que nem sempre posso copiar o código e testar localmente, e se a página estiver on-line, consigo efetuar vários testes utilizando o Firebug...
Fez o cadastro no Free Hosting Area? Eu me cadastrei lá e foi bem rápido o processo...
Quanto ao seu código, faça a seguinte alteração no **<head>**:
<!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><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script><style type="text/css"><!--* { margin:0; padding:0;}body { position:relative;}[ continua... ]
:joia:Olá Paulo!!
Perfeito, acrescentei o código e tudo resolvido.
Eu tava quebrando a kbça rsrsrsrsrs
Bom, muito obrigado pela dica.....
Dou o tópico por resolvido.
Obrigado a todos que colaboraram.
/) shark
Bom dia,
Você teria algum link para visualizarmos melhor o problema?