Publicado em 9 de abr.

Como estilizar resultados de consulta a um banco de dados?

Gostaria de estilizar o resultado que aparece no meu banco de dados, aparece de forma muito feia, como posso fazer para aparecer de um modo mais agradavel aos olhos, organizado.

o código é esse

<?php

	if ($row > 0) {
 while ($linha = mysqli_fetch_array($sql)) {

 $NomeEmpresa = $linha ['NomeEmpresa'];
 $Ender = $linha ['Ender'];
 $Tel = $linha ['Tel'];
 $Tel2 = $linha ['Tel2'];
 $Tel3 = $linha ['Tel3'];
 $Cid = $linha ['Cid'];

 echo "<br/>";
 echo "<strong><tr><td></td></tr></strong>".@$NomeEmpresa;
 echo "<br/>";
 echo "<strong></strong>".@$Ender;
 echo "<br/>";
 echo "<strong></strong>".@$Tel;echo"&nbsp;&nbsp;";
 echo "<strong></strong>".@$Tel2;echo"&nbsp;&nbsp;";
 echo "<strong></strong>".@$Tel3;echo"&nbsp;&nbsp;";
 echo "<br/>";
 echo "<strong></strong>".@$RAtiv;
 echo "<br/>";
 echo "<strong></strong>".@$Cid;
 echo "<br/></br>";
 }
	}
 else{
 echo"Desculpe , pesquisa não encontrada";
 }
?>

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

marsolim· 9 de abr.

eu faço assim

    echo = "<style>
        .campo{
            font-family: verdana, arial, sans;
            font-size: 16px;
        }
    </style>";

    $corpo = "Desculpe , pesquisa não encontrada";

 if ($row > 0) {
        while ($linha = mysqli_fetch_array($sql)) {
            $corpo = "<div class='campo'>" . $linha["NomeEmpresa"] . "</div>";
            $corpo .= "<div class='campo'>" . $linha["Ender"] . "</div>";
            $corpo .= "<div class='campo'>" . $linha["Tel"] . "</div>";
            $corpo .= "<div class='campo'>" . $linha["Tel2"] . "</div>";
            $corpo .= "<div class='campo'>" . $linha["Tel3"] . "</div>";
            $corpo .= "<div class='campo'>" . $linha["Cid"] . "</div>";
        }
    }

    echo $corpo;

	tu usa um elemento qualquer pra envolver o dado como a div no meu exemplo ou span ou table o que melhor atender e dá um nome de classe pro elemento como class='campo' no meu exemplo e aí estiliza essa classe usando css

srmacedo· 9 de abr.

Acho que uma das piores coisas para um desenvolvedor é a mistura com o html.

Vamos combinar que fica péssimo para efetuar uma extensão ou manutenção do código.

Você pode pesquisar por template engine.

O código fica bem diferenciado, tornando fácil visualização, extensão e manutenção.

Lisbi· 9 de abr.

Testei com css no codigo @marsolim , bem facil ultilizar!

Vou pesquisar sim sobre as engines @James Bond, pelo que vi são várias diferentes e não são tão difíceis de serem implementadas!

Aproveitando esse mesmo post, eu vi através de outro site que é possível colocar um link de acesso ao google maps, que diz exatamente onde é o local no mapa daquele cliente consultado.

A minha pergunta e duvida! Se eu tenho resultados em um banco de dados, como posso colocar link de mapa do endereço em cada cliente consultado, ja que no mapa os endereços são diferentes, como fazer essa separação, seria ja no cadastro ao banco de dados? Alguém ai pode me dar uma idéia de como funciona isso?

Muito agradecido das respostas anteriores!

marsolim· 9 de abr.

bem na verdade eu não buto css e js na mesma pagina geralmente fica num arquivo separado, aqui eu butei só pra fins de amostrage mesmo, hehehe. ja usei muito butar em arquivos css mas ja que podemos dar include no php hoje costumo colocar css num arquivo php separado mesmo porque posso condicionar alguns atributo dependendo de certas condições e tal