Três background um do lado do outro

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 02:46 pm

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:


http://i.imgur.com/LJadh.png
http://i.imgur.com/z11fh.png
http://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
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por bertin em 15/04/12, 02:54 pm

fassa o pedido na sseçao de grafica
avatar

bertin
Nível 9

Masculino
Inscrito dia : 20/02/2012
Mensagens : 154
Pontos Ativos : 320

Ver perfil do usuário http://rpggamenex.forumeiros.com

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 03:05 pm

-.-" 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?
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 04:09 pm

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 04:20 pm

@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
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 04:24 pm

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("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: 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>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 04:33 pm

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

esse código ai em cima é para que? ele é html ... e.e
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 04:35 pm

Olá então Adiciona ele Junto com o Código HTML
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 04:39 pm

Agora sumiu tudo.
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 04:41 pm

Poderia me Passar o código HTML ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 04:58 pm

<div id=painel><div id=painelbar align=left><p>
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 05:01 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 05:35 pm

Não adiantou.
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Master™ em 15/04/12, 05:52 pm

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("http://i.imgur.com/LJadh.png"), url("http://i.imgur.com/z11fh.png"), url("http://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!

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 06:27 pm

Funciono mais ou menos Master ... vejá:

Ficou assim:

Link da imagem

Deveria ficar assim:

Link da imagem
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Master™ em 15/04/12, 07:37 pm

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("http://i.imgur.com/LJadh.png"), url("http://i.imgur.com/z11fh.png"), url("http://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.

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 10:18 pm

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

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por iPrompt em 15/04/12, 10:20 pm

Olá oque você esta Querendo e trocar o Preto pelo Cinza ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 15/04/12, 10:23 pm

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 ...
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Três background um do lado do outro

Mensagem por Cristian 95 em 16/04/12, 09:21 am

Aqui pode closar.
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum