[Resolvido] Bordas com css

[MartinsV 0]

E ai pessoal do iMasters

 

Eu peguei um layout na net e, como a maior partes deles, ele tava todo em tabela. Eu, então, resolvi transformá-lo e criar um igual, com as mesmas imagens e talz, mas com css.

 

Eu fui fazendo uns testes, até q eu me deparei com um problema: as bordas da maioria das das colunas são feitas com imagens, e dão um certo aspecto q eu gostaria de não mudar...

 

Então, o q eu gostaria de saber, é como se faz uma borda com imagens no css

 

Para vcs terem uma ideia, aqui está o layout em tabelas: WipedOut

 

(As colunas de "welcome", da estrela e a outra, a bege, são as que eu tava querendo saber como fazer. Eu já tenho as imagens tdas e uma parte do layout feito em css... mas empaquei na coluna da esquerda, a do surfista)

 

Então, como é q eu faço??

 

Abraços! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[inforsis 1]

Olá MartinsVBoa Noite!

Você não pode simplesmente definir a imagem como plano de fundo da div? :unsure:

Acredito que esta seria a maneira mais facil de se trabalhar este layout...

[MartinsV 0]

Obrigado pela resposta, inforsis!!

 

Eu já tentei fazer isso mas o problema é o posicionamento... eu não sei direito como devo posicionar o conteúdo (no caso um texto)

 

Quer dizer, um exemplo é a imagem do surfista: o texto ficaria em baixo da imagem, no box bege escuro (pelo q eu me lembre). Eu deveria usar o padding-top ou algo assim? Não sei qual é o certo...

 

Abraços!

[inforsis 1]

Olá MartinsV, Bom Dia!

 

Desculpa acho que interpretei errado sua dúvida, mais pelo que deu a entender o problema estava nas bordas dos elementos... e não no posicionamento... :P

 

Como criar um tópico para o seu problema..

 

Vamos ao problema, desculpe me se mais uma vez esteja interpretando de forma equivocada, mais seria algo do tipo:

 

http://jadsonmoreira.com/imasters/estrela/

 

Até Mais, caso seja essa a solução da uma olhada no código que pode te ajudar a entender, havendo dúvidas post. ;)

[MartinsV 0]

Po, haha.. era isso mesmo!

 

Vendo assim pareceu tão simples q até me envergonhei de ter perguntado hauhaua, brincadeira...

 

Muito obrigado ae, inforsis! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Já dei uma olhada no código e vou ajustar com as minhas necessidades! :D

 

Abraços

 

EDIT: eu reli a sua segunda resposta, e peço desculpas... o problema era realmente as bordas, mas como você mencionou em usar a imagem como background, eu lembrei q já tinha tentado mas não tinha dado certo e, naquela vez, o problema era a posicionamento.. mas no primeiro post era sobre borda msm http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[inforsis 1]

Boa Noite MartinsV!

Tranquilo cara http://forum.imasters.com.br/public/style_emoticons/default/joia.gif , o importante é ter resolvido o problema, faz assim depois se possivel você posta o código ajeitado para galera observar também. ;)