Jump to content


Photo

Borda Com Imagem...


  • Faça o login para participar
12 replies to this topic

#1 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 30/11/2007, 12:52

fala pessoas, consegui selecionar parte do meu problema!

adicionei o código:
div#corpo:after {
content:"-";
clear:both;
display:block;
height:1px;
visibility:hidden;
}

conseguido graças à uma amigo de outro fórum, o que não deixa mais as lacunas :D

agora queria saber de vcs uma coisa, eu uso um bg, para fazer as bordas que tem no meu layout, eu coloquei ele para repetir só em Y, porémeu queria saber se há um jeito de fazer com que ele acompanhe só a div corpo, que é onde tem as bordas pretas....teria como fazer isso?

Edição feita por: Kadu DG, 30/11/2007, 12:53.

Posted Image

#2 cassiano designer

cassiano designer

    Normal

  • Usuários
  • 108 posts
  • Sexo:Masculino
  • Localidade:São Mateus - ES

Posted 30/11/2007, 21:30

tem algum link pra vermos isso aí?
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web

#3 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 30/11/2007, 22:50

http://www.kdsg.net/novo
Posted Image

#4 cassiano designer

cassiano designer

    Normal

  • Usuários
  • 108 posts
  • Sexo:Masculino
  • Localidade:São Mateus - ES

Posted 01/12/2007, 11:23

entendi o problema não..
"desenha aí"... :D
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web

#5 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 01/12/2007, 15:53

esse povo que não entende nada....ahuashashsua
brincadeira Cassiano, vlw pela ajuda...então, a paradinha é a seguinte...eu tenho esse bg aqui: link

só que eu coloquei ele como bg "geral", do tamanho certo para ficar renta as bordas da div corpo. só, rola o seguinte, ele ocupa toda a área existente no browser no eixo Y (horizontal), mesmo a div corpo não ocupando toda essa área, eu queria que e ele só ficasse do tamanho que a div corpo ficar....tem jeito de fazer isso?

então, para ajudar um pouco, eu vi o efeito nesse site: http://blogblogs.com.br/
Posted Image

#6 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 02/12/2007, 12:30

Kadu, não sei se entendi bem, mas no caso do exemplo do BlogBlogs, pode ser feito com um bg fixo na body da página. A sombra pode ser feita numa outra DIV, que irá conter todo o conteúdo.
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#7 kelme

kelme

    12 Horas

  • Usuários
  • 262 posts
  • Sexo:Não informado

Posted 02/12/2007, 19:47

Cara, que dificuldade vc tem para se expressar. Não sei se entendi.

Se você quer uma imagem de fundo (background) do tamanho de uma div, não coloca ela como fundo do BODY, e sim como fundo dessa DIV, entendeu? Era isso?

Saulo

#8 cassiano designer

cassiano designer

    Normal

  • Usuários
  • 108 posts
  • Sexo:Masculino
  • Localidade:São Mateus - ES

Posted 02/12/2007, 19:51

ahhhhhhhhh tendi não haahah
sacanagem..

bom, vai depender de como você estruturou seu HTML/XHTML...
coloca a imagem como background da div#corpo...

tem link da sua página com esse bd pra mim poder visualizar melhor?
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web

#9 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 03/12/2007, 18:19

aumenta a div #corpo para o tamanho da imagem, coloca a imagem como fundo dessa div e coloca padding para evitar que o conteudo da div sobreponha a imagem.

vlw :)
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search

#10 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 05/12/2007, 12:52

É isso que o Kenshin falou mesmo ... ou você cria uma div extra ao redor da sua página, que seria mais complexo.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#11 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 06/12/2007, 12:44

vlw Kenshin e pessoal!!
deu certim!! :D

agora estou tendo outro problema...cada coisa, que nunca aconteceu comigo....
o texto da minha div conteudo, não respeita o tamanho da div...ele simplesmente vai indo...eu determinei o tamanho da div e tudo, mas ele não respeita...o que pode ser?

[codebox]
div#conteudo {
float:left;
font-family: Arial;
font-size: 12px;
width:487px;
height:auto;
background:#FFFFFF;
margin-left:1px;
border-right:#231F20 dashed 1px;
}[/codebox]

esse é código da div...se for preciso outra coisa para análise, é só falar...
Posted Image

#12 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 06/12/2007, 14:00

qual tamanho ele num ta respeitando, o width?
testei aqui e funcionou normal, no ie 6 e 7.
num tem algum link onde possamos ver esse erro, nao?
to, na escuta :P
cambio, desligo

vlw ^_^
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search

#13 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 07/12/2007, 12:14

O elemento pai tem tamanho definido ?

Aqui pra mim a div toda está aumentada ...
Attached File  kd_dg.jpg   63.38KB   2 downloads
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq