Skip to main content
A Tag utilizada não tinha nada haver com o problema.
Link

TouEstou com um problema a posicionar os divs dos produtos eles não ficam alinhados.

http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php

comoComo podem ver aqui

  no cssCSS tenho:

.produto_em_destaque{
     display: table;
     width: 70%;
     float: right;}
    
.produtos_em_destaque{
     display: inline-table;
     width: 20%;
     height: 283px;
     text-align: center;
    }

no htmlNo HTML tenho:

<div id="produto_em_destaque" class="produto_em_destaque">
<?php
while($row = $result->fetch_assoc()) {
?>
<div class="produtos_em_destaque">
 <a href=<?php echo "produto.php?id=" . $row['id']; ?>>
 <img class="produtos_em_destaque_img" src=<?php echo "imagens/" . $row['imagem'] ?>>
<h4><?php echo $row['nome'] ?></h4>
<span><?php echo $row['preco'] ?>€</span>
</a>
</div>
<?php
}
?>

Tou com um problema a posicionar os divs dos produtos eles não ficam alinhados

http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php

como podem ver aqui

  no css tenho

.produto_em_destaque{
     display: table;
     width: 70%;
     float: right;}
    
.produtos_em_destaque{
     display: inline-table;
     width: 20%;
     height: 283px;
     text-align: center;
    }

no html tenho

<div id="produto_em_destaque" class="produto_em_destaque">
<?php
while($row = $result->fetch_assoc()) {
?>
<div class="produtos_em_destaque">
 <a href=<?php echo "produto.php?id=" . $row['id']; ?>>
 <img class="produtos_em_destaque_img" src=<?php echo "imagens/" . $row['imagem'] ?>>
<h4><?php echo $row['nome'] ?></h4>
<span><?php echo $row['preco'] ?>€</span>
</a>
</div>
<?php
}
?>

Estou com um problema a posicionar os divs dos produtos eles não ficam alinhados.

http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php

Como podem ver aqui no CSS tenho:

.produto_em_destaque{
     display: table;
     width: 70%;
     float: right;}
    
.produtos_em_destaque{
     display: inline-table;
     width: 20%;
     height: 283px;
     text-align: center;
    }

No HTML tenho:

<div id="produto_em_destaque" class="produto_em_destaque">
<?php
while($row = $result->fetch_assoc()) {
?>
<div class="produtos_em_destaque">
 <a href=<?php echo "produto.php?id=" . $row['id']; ?>>
 <img class="produtos_em_destaque_img" src=<?php echo "imagens/" . $row['imagem'] ?>>
<h4><?php echo $row['nome'] ?></h4>
<span><?php echo $row['preco'] ?>€</span>
</a>
</div>
<?php
}
?>
Fonte Link

Posicionamento de divs

Tou com um problema a posicionar os divs dos produtos eles não ficam alinhados

http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php

como podem ver aqui

no css tenho

.produto_em_destaque{
     display: table;
     width: 70%;
     float: right;}
    
.produtos_em_destaque{
     display: inline-table;
     width: 20%;
     height: 283px;
     text-align: center;
    }

no html tenho

<div id="produto_em_destaque" class="produto_em_destaque">
<?php
while($row = $result->fetch_assoc()) {
?>
<div class="produtos_em_destaque">
 <a href=<?php echo "produto.php?id=" . $row['id']; ?>>
 <img class="produtos_em_destaque_img" src=<?php echo "imagens/" . $row['imagem'] ?>>
<h4><?php echo $row['nome'] ?></h4>
<span><?php echo $row['preco'] ?>€</span>
</a>
</div>
<?php
}
?>