Três background um do lado do outro

4 participantes

Ir para baixo

Tópico resolvido Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 18:46

Qual é minha questão:
Bom ... eu queria colocar três background, um do lado do outro ... mas eu coloco os três e fica um em cima do outro ... Louco

as imagens são essas:


https://i.imgur.com/LJadh.png
https://i.imgur.com/z11fh.png
https://i.imgur.com/nyBrC.png

O o código é esse:

Código:
#painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
  background: url("http://i.imgur.com/LJadh.png") width="20" height="0" no-repeat;
  background: url("http://i.imgur.com/z11fh.png") width="220" height="0" no-repeat;
  background: url("http://i.imgur.com/nyBrC.png") width="120" height="0" no-repeat;
}

#painelbar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}

#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}


Medidas que eu tomei para corrigir o problema:
Eu tentei colocar mas não deu. Louco

Links e imagens do meu problema:
Sem imagens.

Endereço do meu fórum:
http://brisando.forumeiros.com

Versão do meu fórum:
PHPBB3
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por bertin 15.04.12 18:54

fassa o pedido na sseçao de grafica
bertin
bertin
***

Membro desde : 21/02/2012
Mensagens : 154
Pontos : 320

http://rpggamenex.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 19:05

-.-" não é a imagem meu filho ... eu quero três background um do lado do outro ... as três imagens que estão ai uma do lado da outra entendeu?
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 15.04.12 20:09

Olá Claro Usuário

Substitua o código Utiliza por este


Código:
#painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
float: left;
  background: url("http://i.imgur.com/LJadh.png") width="20" height="0" no-repeat;
  background: url("http://i.imgur.com/z11fh.png") width="220" height="0" no-repeat;
  background: url("http://i.imgur.com/nyBrC.png") width="120" height="0" no-repeat;
}

#painelbar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}

#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 20:20

@Coper escreveu:Olá Claro Usuário

Substitua o código Utiliza por este


Código:
#painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
float: left;
  background: url("http://i.imgur.com/LJadh.png") width="20" height="0" no-repeat;
  background: url("http://i.imgur.com/z11fh.png") width="220" height="0" no-repeat;
  background: url("http://i.imgur.com/nyBrC.png") width="120" height="0" no-repeat;
}

#painelbar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}

#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}


Você só copio o código que eu colei e colo de volta. u.u
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 15.04.12 20:24

Olá Claro Usuário

Eu Não copiei se Prestar bem atenção no Código vai ver a Diferente

#painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
float: left;
background: url("https://i.imgur.com/LJadh.png") width="20" height="0" no-repeat;
background: url("https://i.imgur.com/z11fh.png") width="220" height="0" no-repeat;
background: url("https://i.imgur.com/nyBrC.png") width="120" height="0" no-repeat;
}

#painelbar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}

#viewplot {
width: 100%;
height: expres​sion(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}

Vermelho : Código que eu Adicionei

Olá Utiliza este código

Código:
<html>
    <head>
        <title>Four divs</title>
        <style>
            #contenet {
                width: 600px;
                margin: 0 auto;
                padding: 0;
                overflow: hidden;
            }
            .box {
                width: 200px;
                float: left;
                margin-right: 25px;
                overflow: hidden;
            }
            .small_box {
                border: 1px solid green;
                background: red;
                width: 200px;
                height: 200px;
                margin-bottom: 20px;
            }
        </style>

    </head>
    <body>
        <div id="contenet">
            <div class="box">
                <div class="small_box">
                   
                </div>
                <p>This is a small box</p>
            </div>
        <div class="box">
                <div class="small_box">
                   
                </div>
                <p>This is a small box</p>
            </div>
        <div class="box">
                <div class="small_box">
                   
                </div>
                <p>This is a small box</p>
            </div>
        <div class="box">
                <div class="small_box">
                   
                </div>
                <p>This is a small box</p>
            </div>
        </div>
    </body>
</html>
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 20:33

Não tinha visto ... u.u é por que deu a mesma coisa. '-'

esse código ai em cima é para que? ele é html ... e.e
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 15.04.12 20:35

Olá então Adiciona ele Junto com o Código HTML
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 20:39

Agora sumiu tudo.
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 15.04.12 20:41

Poderia me Passar o código HTML ?
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 20:58

<div id=painel><div id=painelbar align=left><p>
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 15.04.12 21:01

Olá adiciona este código

Código:
<*center><*table width="450" border="0"><*tr><*p><*img src="URL da imagem"><*td><*img src="URL da imagem"><*/p><*/td>*<*/tr><*/table>
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 21:35

Não adiantou.
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Master™ 15.04.12 21:52

Olá!

Tente este:
painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
background-image: url("https://i.imgur.com/LJadh.png"), url("https://i.imgur.com/z11fh.png"), url("https://i.imgur.com/nyBrC.png");
background-position: bottom left, bottom center, bottom right;
background-repeat: no-repeat, no-repeat, no-repeat;
}

Resolve?
Tive uma idéia!
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 15.04.12 22:27

Funciono mais ou menos Master ... vejá:

Ficou assim:
Três background um do lado do outro T85R5
Link da imagem

Deveria ficar assim:
Três background um do lado do outro I02rM
Link da imagem
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Master™ 15.04.12 23:37

Olá!
Tente este:

painel {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
background-image: url("https://i.imgur.com/LJadh.png"), url("https://i.imgur.com/z11fh.png"), url("https://i.imgur.com/nyBrC.png");
background-position: 0 0pt, 481px 0pt, 100px 0;
background-repeat: repeat-x, no-repeat, repeat-x;
}

As letras ficarão desalinhadas com o background, mais eu não consegui resolver este ponto por que o seu script de apresentação não deixa.
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 16.04.12 2:18

Por que quando eu nem deixo a imagem em cima o link, quando clico o link não vai? Louco
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Roevs 16.04.12 2:20

Olá oque você esta Querendo e trocar o Preto pelo Cinza ?
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 16.04.12 2:23

Não, quando desço um pouco a página a imagem nem fica em cima do link, só fica perto, vou clicar nele e não vai ...
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 16.04.12 13:21

Aqui pode closar.
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos