inici_php Posted January 2, 2010 at 08:45 PM Report Share #303781 Posted January 2, 2010 at 08:45 PM pesquisei mas nao consigo por texto por cima de uma imagem. eu tenho uma imagem, que vai servir para noticias. e cria escrever ai. ja peguei no codigo que o scorch me deixou e andei as voltas. mas nao consegui por a funcionar. Cumps Link to comment Share on other sites More sharing options...
softklin Posted January 2, 2010 at 09:52 PM Report Share #303788 Posted January 2, 2010 at 09:52 PM Queres por texto por cima de uma imagem, mas de que forma? Literalmente por cima da imagem, ou seja, alterar a imagem com PHP e escrever o teu texto, ou uma imagem estática, em que apenas colocas, com HTML o texto por cima? PS não cries tópicos diferentes para a mesma dúvida, ou acabas por ter discussões aqui e ali, e ficas prejudicado sem nenhuma resposta. Nick antigo: softclean | Tens um projeto? | Wiki P@P Ajuda a comunidade! Se encontrares algo de errado, usa a opção "Denunciar" por baixo de cada post. Link to comment Share on other sites More sharing options...
NCS_One Posted January 2, 2010 at 11:14 PM Report Share #303801 Posted January 2, 2010 at 11:14 PM Boas. Em vez de andares a escrever directamente na imagem, que dá muito mais trabalho, podes colocar a tua imagem como "background" de um "div" e depois é só colocares normalmente o texto dentro desse "div". Se a vida te voltar as costas aproveita e apalpa-lhe o cu. Link to comment Share on other sites More sharing options...
inici_php Posted January 3, 2010 at 12:33 AM Author Report Share #303821 Posted January 3, 2010 at 12:33 AM obrigado pelas respostas. soft vou ter mais stençao. queria escrever por cima da imagem, q as letras tivessem como fundo a imagem que vou escrever EDIT: fiz isto: <div id="Noticias"><div style="text-align: center; background-image: url(imagens/box.png); background-repeat: repeat-x;">Noticias</div> so que a imagem repete-se 2 vezes. e nao está completa. como resolvo? Obrigado. Link to comment Share on other sites More sharing options...
NCS_One Posted January 3, 2010 at 05:12 AM Report Share #303837 Posted January 3, 2010 at 05:12 AM Tenta assim : <div style="background: transparent url(http://www.google.pt/intl/en_com/images/logo_plain.png) no-repeat scroll 0% 0%; height: 110px; width: 276px;"> Texto <br /> Texto </div> O "width" e o "height" do "div" põe com o tamanho da imagem. Se a vida te voltar as costas aproveita e apalpa-lhe o cu. Link to comment Share on other sites More sharing options...
inici_php Posted January 3, 2010 at 08:48 PM Author Report Share #303930 Posted January 3, 2010 at 08:48 PM Obrigado. ja agr queria fazer o mesmo mas para um menu. e queria por link, mas ao por os links as nao consigo com que fique tudo em linha recta. ficam por cima uns dos outros. Link to comment Share on other sites More sharing options...
NCS_One Posted January 3, 2010 at 09:25 PM Report Share #303950 Posted January 3, 2010 at 09:25 PM Boas. Uma forma fácil é usares o "span" : <div> <span style="margin-left: 10px;"><a href="#nogo">Link1</a></span> <span style="margin-left: 10px;"><a href="#nogo">Link2</a></span> <span style="margin-left: 10px;"><a href="#nogo">Link3</a></span> </div> Basta agora brincares com o "style" para ficar mais apresentável. Fica aqui um site com muitos menus só usando HTML e CSS http://www.cssplay.co.uk/ Se a vida te voltar as costas aproveita e apalpa-lhe o cu. Link to comment Share on other sites More sharing options...
inici_php Posted January 3, 2010 at 10:14 PM Author Report Share #303973 Posted January 3, 2010 at 10:14 PM NCS_One obrigado. so tenho mais uma duvida 😄 repara como fica. http://i45.tinypic.com/nbptnn.jpg eu queria os links centrados. e no meu do menu (repar que eles estao um pouco acima, ja tentei usar o <br />, e ficam mais abaixo) Obrigadao Link to comment Share on other sites More sharing options...
scorch Posted January 3, 2010 at 10:18 PM Report Share #303977 Posted January 3, 2010 at 10:18 PM Tenta: <div style="padding-top: 5px;"> <span style="margin-left: 10px;"><a href="#nogo">Link1</a></span> <span style="margin-left: 10px;"><a href="#nogo">Link2</a></span> <span style="margin-left: 10px;"><a href="#nogo">Link3</a></span> </div> Muda o padding-top conforme quiseres. PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum. Link to comment Share on other sites More sharing options...
inici_php Posted January 4, 2010 at 03:08 AM Author Report Share #304008 Posted January 4, 2010 at 03:08 AM Obrigado mas o texto nao centrou. <html> <title></title> <body> <style type="text/css"> body {background-image:url('imagens/background.gif')} a:link { color: #7FFF00; text-decoration:none; } a:visited { color: #7FFF00; text-decoration:none; } a:hover { color: White; text-decoration:none; } </style> <center> <div style="padding-top:3px; background: transparent url(imagens/menu.png) no-repeat scroll 0% 0%; height: 29px; width: 700px;"> <span style="margin-left: 10px; "><a href="#nogo"><font size=2 font face="Verdana">Fórum</font></a></span> <span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Blog</font></a></span> <span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Comparar</font></a></span> <span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Parceria</font></a></span> <span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Termos & Condições</font></a></span> <span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Contacto</font></a></span> </div> </center> </body> </html> tenho assim. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now