Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde a todos, estou com problemas para centralizar itens que coloquei lado a lado com a opção float .
Já tentei criar uma div "pai" e acondicionar os comando margin: auto; porém sem sucesso.
Se tiver alguma dica referente ao melhoramento do código agradeço pois sou iniciante.
Segue o código CSS
.clear { clear: both; }
.centralizado{
text-align: center;
}
.menu h1{
margin-top: 25px;
color: red;
text-align: center;
}
.escolha{
font-size: 20px;
text-align: center;
}
.escolha input{
font-size: 20px;
text-align: center;
}
.menuCodigo{
float: left;
text-align: center;
font-size: 24px;
color: red;
max-width: 100px;
min-width: 100px;
}
.menuNome{
float: left;
text-align: center;
font-size: 24px;
color: red;
max-width: 500px;
min-width: 500px;
}
.menuStatus{
float: left;
text-align: center;
font-size: 24px;
color: red;
max-width: 100px;
min-width: 100px;
}
.codigo{
float: left;
margin-top:20px;
text-align: center;
font-size: 18px;
color: #000;
max-width: 100px;
min-width: 100px;
}
.usuario{
float: left;
margin-top:20px;
text-align: center;
font-size: 18px;
color: #000;
max-width: 500px;
min-width: 500px;
}
.status{
float: left;
margin-top:20px;
text-align: center;
font-size: 18px;
color: #000;
max-width: 100px;
min-width: 100px;
}
.botao {
float: left;
margin-top:20px;
text-align: center;
max-width: 100px;
min-width: 100px;
}
HTML + PHP
<?php
include "../bd/conecta.php";
$sql = "a";
if (isset($_POST['tipopesquisa'])) {
$pesquisa = $_POST['tipopesquisa'];
if ($pesquisa == 2) {
$sql = "SELECT * FROM sugestao WHERE sta_cod = \"$pesquisa\" ";
} else if ($pesquisa == 1) {
$sql = "SELECT * FROM sugestao WHERE sta_cod = \"$pesquisa\" ";
} else if ($pesquisa == 3) {
$sql = "SELECT * FROM sugestao ";
}
echo '<div class="menuCodigo">';
echo 'Código';
echo '</div>';
echo '<div class="menuNome">';
echo 'Nome do Usuário';
echo '</div>';
echo '<div class="menuStatus">';
echo 'Status';
echo '</div>';
// Limpando a tela------------------------------------------------------------------------------------------------------------------------------------>
echo '<div class="clear">';
echo '</div>';
}
if ($sql != "a") {
$query = mysql_query($sql);
while ($exibe = mysql_fetch_array($query)) {
$temporario = "Indefinido";
$flag = $exibe['cod_usu'];
$sqlUser = "SELECT * FROM usuario WHERE cod_usu = \"$flag\" ";
$queryUser = mysql_query($sqlUser);
while ($row = mysql_fetch_array($queryUser)) {
$temporario = $row['nom_usu'];
}
echo '<div class="codigo">';
echo $exibe['cod_sug'];
echo '</div>';
echo '<div class="usuario">';
echo $temporario;
echo '</div>';
echo '<div class="status">';
echo $exibe['sta_cod'];
echo '</div>';
echo '<div class="botao">';
echo '<button type = "button" id = "cap" onclick = "showDialog(' . $exibe['cod_sug'] . ' ) ">' . 'Visualizar</button>';
echo '</div>';
echo '<div class="clear">';
echo '</div>';
}if ($exibe) {
echo 'Não foi encontrado nenhum resultado';
}
} else {
echo '<div class="menu">';
echo '<h1>Efetue sua pesquisa</h1>';
echo '</div>';
}
?>
Imagem do resultado
Caso não consiga Visualizar Segue o Link :
https://ap.imagensbrasil.org/image/TWsn2
Desde já agradeço a atenção..
Att VB
Carregando comentários...