Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
estou na fase de buscar os dados do banco de dados (mysql) para alimentar o site, só que me deparei com um problema.
Tenho um layout feito em tabela, e quando imprimo, por exemplo, uma lista de dicas na home, o echo em que tem o link mais o título da dica deforma o layout aumentando o espaço da célula na altura, alongando o site. O problema é que dicas e últimas notícias estão lado a lado e conforme um dos dois tem mais linhas um fica mais alto que o outro, caso não ocorresse esse problema de formatação os dois teriam a mesma altura e não deformaria o layout.
Alguém poderia me dar alguma dica?
Desde já agradeço.
****
Tópico Movido
PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards
Mostre-nos como está fazendo.
Está usando CSS para formatar tudo?
Se puder postar um link fica mais fácil.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Código PHP:
<?php
$sql = mysql_query("select dicas_id, dicas_titulo from dicas") or die(mysql_error());
$contador = 0;
while ($result = mysql_fetch_array($sql)){
$linha[$contador] = $result['dicas_id'];
$linha[$contador] .= ",".$result['dicas_titulo'];
$contador++;
}
if($contador != 0)
shuffle($linha);
?>
<tr>
<td align="center" valign="middle" style="height:10px">
<?php
$auxiliar = $contador;
$contador--;
if ($contador >= 0){
echo "<img src=\"img/mini verde.jpg\" width=\"3\" height=\"3\" />";
}
else{
echo "<font color=\"#F6F6F6\">.<font>";
}
?>
</td>
<td colspan="2" align="left" valign="middle" class="style7" height="10">
<?php
$auxiliar--;
if ($auxiliar >= 0){
linha[0] = explode(",",$linha[0]);
echo "<a href=\"{$linha[0][0]}\">{$linha[0][1]}</a>";
}
else{
echo "<font color=\"#F6F6F6\">.<font>";
}
?>
</td>
</tr>
<tr>
<td align="center" valign="middle" height="10">
<?php
$auxiliar = $contador;
$contador--;
if ($contador >= 0){
echo "<img src=\"img/mini verde.jpg\" width=\"3\" height=\"3\" />";
}
else{
echo "<img src=\"img/fundo.gif\" width=\"10\" height=\"10\">";
}
?>
</td>
<td colspan="2" align="left" valign="middle" class="style7 style14" height="10">
<?php
$auxiliar--;
if ($auxiliar >= 0){
$linha[1] = explode(",",$linha[1]);
echo "<a href=\"{$linha[1][0]}\">{$linha[1][1]}</a>";
}
else{
echo "<a href=\"#\">tttttttttt</a>";
}
?>
</td>
</tr>
Pessoal, descobri o erro, que é o seguinte:quando dou um echo 3linha do html gerado, ele imprime após da tag <img> um lixo(espaço em branco) e que se repete nas linhas 5, 9 e 11. Esse espaço está desconfigurando o layout.
Não consegui saber porque está imprimindo este lixo.
Aguardo algum retorno.
Até.
HTML gerado:
<tr>
<td align="center" valign="middle" style="height:10px">
3linha-> <img src="img/mini verde.jpg" width="3" height="3" />____ESPAÇO EM BRANCO_____ </td>
<td colspan="2" align="left" valign="middle" class="style7" height="10">
5linha-> <a href="3">aaaaaaaaaaaaaaaaaa</a>_____ESPAÇO EM BRANCO_____ </td>
</tr>
<tr>
<td align="center" valign="middle" height="10">
9linha-> <img src="img/fundo.gif" width="10" height="10">_____ESPAÇO EM BRANCO_____ </td>
<td colspan="2" align="left" valign="middle" class="style7 style14" height="10">
11linha-> <a href="#">tttttttttt</a>_____ESPAÇO EM BRANCO_____ </td>
</tr>Com esses códigos não consegui ver o problema. =/
Tem como postar o link?
Não é muito bom construir páginas com tabelas. Malefício: causas esses problemas chatos. :D Tente adaptar para estruturação semântica.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
acho que você teria que configurar seu site utilizando css, assim você evita esses problemas...
da uma pesquisada sobre css ... abraço