Ir para conteúdo

POWERED BY:

Arquivado

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

shark22h

[Resolvido] Adicionando vários botões numa DIV

Por , em Desenvolvimento frontend

Recommended Posts

shark22h    0

shark22h
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

É 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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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">

<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" 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" 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" 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" 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>

 

 

 

 

 

 

 

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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 /)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

shark22h    0

shark22h
Postado

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

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