Beyond Imagination
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Erro no footer

5 participantes

Ir para baixo

Erro no footer Empty Erro no footer

Mensagem  [un]happy girl 24.04.08 18:07

Bom, é o seguinte: eu não fazia idéia de como colocar um footer direito até uns dois dias atrás, quando resolvi aprender. Fui atrás de vários tutoriais, e beleza. Descobri que o código para o footer era, mais ou menos:

Código:
#footer{
background-image: url('endereçodaimagem');
width: valor;
height: valor;
clear: both;
background-position: bottom;
}
E, no fim:

Código:
<div id="footer"></div>
Beleza. Fui colocar o código, já com a imagem e tudo bonitinho numa página de testes, e não deu certo. ¬¬ Tirei e coloquei tudo que é código, mas não dá certo de jeito nenhum >.< O footer sempre fica lá no topo! Alguém sabe como resolver isso? TT_TT~
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Nanda811 27.04.08 0:51

Tenta por isso no código da div do footer:

Código:
style="position: absolute; top: distancia do topo px;"

Trocando "distancia do topo" pela distancia que o footer está do inicio da página.
Nanda811
Nanda811

Número de Mensagens : 29
Idade : 32
Localização : Rio de Janeiro - RJ
Data de inscrição : 18/04/2008

http://www.higure-ni.com/surrender/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  [un]happy girl 27.04.08 15:14

Eu entendi o código que você falou Nanda, mas na verdade, esse código que eu quero é um em que eu não precise colocar o footer a uma distância do topo, e sim que ele simplesmente fique no fim da página x_x Porque se eu quiser fazer uma página do blog com um conteúdo menor e outra com um conteúdo maior, eu não precisaria colocar um valor certo para o footer, e ele iria para o fim da página de qualquer jeito, sabe? Não sei se eu consigo explicar direito, mas eu acho que o que eu quero fazer é possível n_n'
Talvez seja problema com o cutenews...
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Nanda811 28.04.08 15:05

Ah, entendi agora, é possivel sim, mas eu não sei como. Eu já tentei fazer fazer assim varias vezes, mas nunca consegui. Não é problema do cutenews não, porque eu já tentei fazer assim no meu blog, que é por iframe.
Nanda811
Nanda811

Número de Mensagens : 29
Idade : 32
Localização : Rio de Janeiro - RJ
Data de inscrição : 18/04/2008

http://www.higure-ni.com/surrender/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  [un]happy girl 28.04.08 16:44

Hum... Entendi >.<
Algum dia eu ainda descubro como colocar esse mardito footer no fim da página! u.u
Mas pelo menos não é problema com o cutenews Very Happy
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  soraa 29.04.08 19:36

essa tmb vo ficar devendo pra vcs, meninas =\
eu nunca consegui aprender a fazer isso com o footer... entaum eu, q tmb tenhu footer no meu blog, faco ele no photoshop juntamente com o layout a um certo tamanho, e dpois coloco um tamanho q quero q minhas pags tenham. aew quando chega perto do footer vira um tipo de "janela" dentro da coluna do lay, com barra de rolagem. acho esse processo mais facil, e vc tera o footer no blog do mesmo jeito. tentem fazer isso! ;D eh mais pratico.
soraa
soraa

Número de Mensagens : 70
Idade : 32
Localização : estudante/webdesign/cantora de animekê/fanfic writer
Data de inscrição : 23/04/2008

http://higure-ni.com/touch

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Bá 02.05.08 8:30

UHUL, sinto que agora vou ser útil para alguém :}; no meu blog, eu uso esse código que voce está procurando, vou explica-lo, entre o <head>, coloque o seguinte código:

Código:

#imagem{
width: @@px;
height: @@px;
background-image: url('http://www.minhaimagem.gif');
}

#linha {
width: @@px;
background-image: url('http://www.minhaimagem.gif');
}

#rodape{
background-image: url('http://www.minhaimagem.gif');
width: @@px;
height: @@px;
clear: both;
}

O '@@' é onde você completa com os números que você quiser, intendeu ?, Bem agora você vai fechar o seu </head>, em seguida você coloca:

Código:
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#FFFFFF">
<div id="linha">
<div id="imagem"></div>
(CONTEUDO ESCRITO)
</div>
<div id="rodape"></div>

Pronto, agora voce escreve TODO o conteúdo que vai ter no seu blog (onde eu coloquei em parenteses 'conteudo escrito'), e quando acabar quero que voce coloque um </div>, como eu fiz no código que eu te mostrei, que serve para acabar com a linha, LOGO DEPOIS desse div, quero que coloque o codigo do footer, e pronto :}, se por algum motivo, der algum problema, tente coloar o /div, só depois que acabar o rodapé, e não o '(conteudo escrito)'.

Bom, acabo ._., só isso, se você ainda estiver com dúvida é só falar :}
Bá

Número de Mensagens : 102
Idade : 32
Localização : São Paulo - Capital
Data de inscrição : 19/04/2008

http://magnificat-world.com/blog

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  [un]happy girl 02.05.08 15:49

Primeiramente, obrigada pela ajuda, Bá! Só que agora está dando outro problema: o background não aparece inteiro o.o Ele só vai até o fim da imagem do layout e não continua x_x E o footer também, ele fica no fim da imagem do layout, e não no fim do conteúdo escrito, que é o que eu quero ._. E, mesmo quando eu coloco o /div depois do rodapé, o background continua não aparecendo @.@
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Bá 02.05.08 21:42

Faz assim, hospeda a pagina e me mostra pra eu ver, dependendo vou te ensinar todo o meu codigo, com isso vai conseguir fazer :}
Bá

Número de Mensagens : 102
Idade : 32
Localização : São Paulo - Capital
Data de inscrição : 19/04/2008

http://magnificat-world.com/blog

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  soraa 02.05.08 23:08

q legal *-*
agora tmb aprendi a faze isso! no meu proximo lay vo por isso em pratica! ò_o9
arigatou, Báááá <3
soraa
soraa

Número de Mensagens : 70
Idade : 32
Localização : estudante/webdesign/cantora de animekê/fanfic writer
Data de inscrição : 23/04/2008

http://higure-ni.com/touch

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  [un]happy girl 03.05.08 20:05

Bom, a página que eu estou usando de testes é essa: http://delicaterose.awardspace.com/
Aí ela já está com o erro que eu falei x_x
Espero que dê pra arrumar xD
E obrigada pela ajuda que você está dando, Bá *-*
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Yuki 05.05.08 16:22

Buuuu, que lindow ver todo mundo se ajudando aqui no Fórum T-T, isso eh tao emocionante! Meu fórum está realmente sendo util ;___;! E essa tua dúvida me deu a ideia de por tutoriais sobre footers xD, vo ver se consigo colocar hoje ainda! \o/
Yuki
Yuki
Admin

Número de Mensagens : 110
Idade : 33
Localização : Rio Grande do Sul 8D
Data de inscrição : 12/04/2008

http://starry-colors.awardspace.com

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Nanda811 06.05.08 6:27

Eu consegui fazer direito, o problema é que não consigo por duas div's. Quendo ponho as duas fica desalinhado como o da [un]happy girl.
Alias, fica desalinhado sempre que a div fica com "position: absolute;" no style.

Nya, tenho a mesma opinião que você Yuki, seu forum é realmente ótimo pra todas nos =D.
Nanda811
Nanda811

Número de Mensagens : 29
Idade : 32
Localização : Rio de Janeiro - RJ
Data de inscrição : 18/04/2008

http://www.higure-ni.com/surrender/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  [un]happy girl 06.05.08 17:45

É sim, é muito bom ter um fórum como o seu, Yuki *-* Está me ajudando muito, muito mesmo >.< *já aprendeu umas 21379186094 coisas aqui*

Eu li o post da Nanda e fui tentar mudar o "position" no style das divs, mas mesmo assim fica problematico ._. Quer dizer, se tirar o position, o footer realmente vai para o fim, mas as colunas ficam desalinhadas; se colocar relative também fica desalinhado; e eu tentei mais uns outros que nem lembro, mas de qualquer jeito vai ficar desalinhado mesmo ._.'
[un]happy girl
[un]happy girl

Número de Mensagens : 55
Data de inscrição : 14/04/2008

http://higure-ni.com/enigmatic/

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  soraa 11.05.08 0:52

digamos q yo toy na mesma situacao q a Nanda... Pq tipow, achei moh interessante os codes da Bá... mas quando comecei a ler eles pra tentar entender... fikei soh na leitura memu, pq entender q eh bom naum consegui nem a 1 linha >__>
soraa
soraa

Número de Mensagens : 70
Idade : 32
Localização : estudante/webdesign/cantora de animekê/fanfic writer
Data de inscrição : 23/04/2008

http://higure-ni.com/touch

Ir para o topo Ir para baixo

Erro no footer Empty Re: Erro no footer

Mensagem  Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo


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