Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Prezados,
Estou enfrentando um problema de integração do banco de dados com o CSS. Preciso exibir umas imagens dinâmicas - e seria mais fácil configurar a exibição pelo CSS, do que com o insert <img src> direto no html, uma vez que o CSS dá muitas outras opções. A exibição fica mais profissional. Ou seja, preciso incluir código php para acessar o banco de dados a partir do meu código CSS.
Meus arquivos da página estão da seguinte forma: a página principal em php com html, mais uma página CSS chamada pela página principal. Procurando como fazer a integração, descobri que era necessário salvar a página CSS em página PHP - para executar os códigos em php, além de alterar o código de chamada na página principal. Ainda, seria necessário colocar a linha "<?php Header ("Content-type: text/css");?>" na página que era CSS, para exibir corretamente o CSS na nova página php. Até aí tudo bem. Fiz um teste com uma background image com código php sem acesso ao banco de dados e funcionou perfeitamente.Entretanto, ao solicitar comandos para o banco de dados nesta página, não obtive qualquer resposta. A background image dinâmica não é exibida. Coloquei o mesmo código php chamando o banco de dados na página html, para ver se a conexão estava correta, e sim. O html aparece exatamente como preciso exibir no background image na nova página php com css. Desta forma, penso que o problema é que a nova página php que era CSS não está se conectando ao banco de dados. Ao abrir o código php na background image, coloquei a linha "mysql_select_db($database_nomedatabase,$nomedatabase)", mas mesmo assim não obtive êxito.
Ahh, e se procuro copiar o código de conexão ao banco de dados da página principal para a nova página php (que era CSS), simplesmente o CSS é largamente alterado, como se não existisse, fica todo bugado e ainda assim não exibe a background image dinâmica.
Alguém sabe como resolver isso?
Desde já, agradeço
Mateus,
Acredito que eu tenha ciência do que disseste. Mesmo assim, não percebi como poderia me ajudar nessa questão. Por isso, coloco abaixo a mistura de CSS com PHP, tanto na página principal com <style type="text/css">, quanto na nova página php com o antigo css. Acho que vai ficar mais claro. Tanto numa quanto na outra nada aparece em função de haver CSS junto. Se eu tiro do trecho CSS tudo aparece normal. Lá vai:
TEXTO NA PÁGINA PHP COM HTML - PÁGINA PRINCIPAL
<body> ...
<div class="textbranco" id="foto2"><style type="text/css">#foto2 {
width:180px;
height:250px;
float:left;
margin-left:9px;
margin-top:9px;
background-image:url(../imagens/<?php //código php ?>)
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
}</style></div>...
</body>TEXTO NA NOVA PÁGINA PHP (ANTIGA PÁGINA COM SOMENTE CSS)
<?php Header ("Content-type: text/css");?>
#foto2 {
width:180px;
height:250px;
float:left;
margin-left:9px;
margin-top:9px;
background-image:url(../imagens/<?php //código php ?>)
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;Ainda não entendi o porquê da declaração do css atráves do php...
Sendo que você pode ter um arquivo php com toda a sua programação e um arquivo externo css..
<?php
{Bloco de Comandos}
?>
<link href="seu_arquivo.css" rel="stylesheet" type="text/css">É porque o background image do CSS precisa ser dinâmico, por isso o trecho em php. Não visualizei como fazer o background image dinâmico sem o trecho em CSS, já que é uma propriedade CSS. Talvez o declarando na div na página principal funcione, como <div id=foto2 style="background image:...<?php código...?>>, mas só poderei testar isso de noite. ObrigadoMeu último palpite estava certo. É melhor fazer o background-image na página principal integrado com a div, como exemplo deste link:
http://stackoverflow.com/questions/11303891/how-to-have-dynamic-image-as-css-background
Funciona legal!
Bom, na verdade não é uma página css, e sim uma página HTML utilizando CSS. Temos diversas maneiras de fazer isso.
Seu arquivo terá que ficar com a extensão .php pois utilizará php em seu bloco de comando.
O que você pode fazer é:
<?php
{Bloco de comando
?>
Caso não tenha entendido, mostre para nós o código que está sendo feito para melhor entender./ E página Html /
<html>
Ou então, fazer uma página completa em php, utilizar echo para impressão de conteúdo..