Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, estou precisando fazer uma listagem, aonde tem uma imagem de tamanho fixo no lado esquerdo, e o texto da direita ocupar todo o resto do espaço sem colocar barra de rolagem horizontal.
Tem como?
CSS abaixo:
.itemCategoria
{
width : 100%;
height : 75px;
background-color: #F0F0F0;
}
.itemCategoriaImagem width : 75px;
height : 75px;
float : left;
clear : left;
background: url(../dados/produtos_categorias/quad.png) no-repeat;
}
.itemCategoriaDesc width : 700px;
float : left;
padding: 5px;
}
Fonte de implementação aqui:
function retornaCategoriaProduto($aCategoriaID)
{
$qryCategoria = mysql_query("SELECT * FROM CATEGORIAPRODUTO WHERE CATEGORIAID = '$aCategoriaID'");
$categoria = mysql_fetch_array($qryCategoria);
return
' <div class="itemCategoriaImagem"></div>'.
' <div class="itemCategoriaDesc">'.
' <span class="textoPadrao"><b>'.$categoria['NOME'].'</b><br></span>'.
' <span class="textoPadrao laranja pequeno">'.$categoria['DESCRICAO'].'</span>'.
' </div>';
};
abs...
Carregando comentários...