Listagem com ul li

giovannni · Agosto 18, 2011

Boa tarde galera !

eu preciso de uma ajuda de voces e o seguinte..

eu fiz um sistema em php que eu adiciono ao banco nome , descrição e foto só que na hora de exibição eu tenho que mostrar esses dados do banco em

4 colunas eu estou tentadno fazer isso em ul li mais so novo em css intão não está dando certo e tenho que entregar isso a meo chefe ate amanha será que alguem pode me ajudar ??

#meio_clientes {
       width:100%;
}
#lista_clientes {
       width:950px;
       float:left;
       margin-left:0px;
}
#lista_clientes ul li {
       display:inline;
}
.box_clientes {
       width:153px;
       height:225px;

}
.clientes_fotos {
       width:153px;
       height:145px;
}
.clientes_titulo {
       width:270px;
       font-family:Arial, Helvetica, sans-serif;
       font-size:10px;
       color:#848484;
       margin-left:50px;
       float:left;
}
.clientes_descricao {
       width:270px;
       font-family:Arial, Helvetica, sans-serif;
       font-size:10px;
       color:#848484;
       margin-left:50px;
       float:left;
}

 </style>

</head>

<body>


<div id="meio_clientes">



 <div class="conteudo">

   <div id="lista_clientes">

     <ul id="lista_clientes">



       <li id="lista_clientes">

         <div class="box_clientes" style="background: #fff none; height: 180px;">

           <div class="clientes_fotos"><?php   echo "<img src='" . $grafica->foto . "'/>" ?> </div>
            <div class="clientes_titulo"><?php echo "<b>titulo:</b> " . $grafica->titulo ; ?> </div>
                        <div class="clientes_descricao"><?php echo "<b>descricao:</b> " . $grafica->descricao; } ?> </div>



           </div>         

     </ul>
     <br clear="all" />
   </div>

 </div>

 <br clear="all" />

</div>

aqui esta a parte do select com os div e ul li , fico no aguardo....

William Bruno · Agosto 18, 2011

não entendi os teus IDs.

como está o html gerado ?

Ctrl + U no browser [ Exibir > Codigo Fonte ]

giovannni · Agosto 18, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



 <style>	



#meio_clientes {

width:100%;

}

#lista_clientes {

width:950px;

float:left;

margin-left:0px;

}

#lista_clientes ul li {

display:inline;

padding-left:2px;

}

.box_clientes {

width:153px;

height:225px;



}

.clientes_fotos {

width:153px;

height:145px;

}

.clientes_titulo {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}

.clientes_descricao {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}



 </style>



</head>



<body>





<div id="meio_clientes">



 <div class="conteudo">



   <div id="lista_clientes">



     <ul>


       <li >



         <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/1.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> 9 </div>

		 <div class="clientes_descricao"><b>descricao:</b> fdsgdfgdf







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>


 <style>	



#meio_clientes {

width:100%;

}

#lista_clientes {

width:950px;

float:left;

margin-left:0px;

}

#lista_clientes ul li {

display:inline;

padding-left:2px;

}

.box_clientes {

width:153px;

height:225px;



}

.clientes_fotos {

width:153px;

height:145px;

}

.clientes_titulo {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}

.clientes_descricao {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}



 </style>



</head>



<body>





<div id="meio_clientes">







 <div class="conteudo">



   <div id="lista_clientes">



     <ul>







       <li >



         <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/0615af52f2.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> 9 </div>

		 <div class="clientes_descricao"><b>descricao:</b> fdfdsddfd







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>





 <style>	



#meio_clientes {

width:100%;

}

#lista_clientes {

width:950px;

float:left;

margin-left:0px;

}

#lista_clientes ul li {

display:inline;

padding-left:2px;

}

.box_clientes {

width:153px;

height:225px;



}

.clientes_fotos {

width:153px;

height:145px;

}

.clientes_titulo {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}

.clientes_descricao {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}



 </style>



</head>



<body>





<div id="meio_clientes">







 <div class="conteudo">



   <div id="lista_clientes">



     <ul>







       <li >



         <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/dd5a0f664a.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> asdsad </div>

		 <div class="clientes_descricao"><b>descricao:</b> asdasdsad </div>







           </div>           

          </li>  

     </ul>

     <br clear="all" />

   </div>



 </div>



 <br clear="all" />



</div>



</body>

</html>

William Bruno · Agosto 18, 2011

ta repetindo varias e varias vezes todo o codigo ?

é isso ?

não duplique DOCTYPE, tags html, head, body..

giovannni · Agosto 18, 2011

mais eu não estou duplicando, esse e um arquivo php que puxa as dados intendeu ai como tem 3 registros no banco gerou 3 html , mais isso eu não sei pq :/

pronto descobri porque estava gerando varios html e pq tava fazendo loop no lugar errado agr gero apenas uma mais fico uma div em baixo da outra !

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>





 <style>	



#meio_clientes {

width:100%;

}

#lista_clientes {

width:950px;

float:left;

margin-left:0px;

}

#lista_clientes ul li {

display:inline;

padding-left:2px;

}

.box_clientes {

width:153px;

height:245px;





}

.clientes_fotos {

width:153px;

height:145px;

}

.clientes_titulo {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}

.clientes_descricao {

width:153px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#848484;	

float:left;

}



 </style>



</head>



<body>





<div id="meio_clientes">







 <div class="conteudo">



   <div id="lista_clientes">



     <ul>







       <li style="display:inline;" >

          <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/1.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> 9 </div>

		 <div class="clientes_descricao"><b>descricao:</b> fdsgdfgdf          <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/0615af52f2.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> 9 </div>

		 <div class="clientes_descricao"><b>descricao:</b> fdfdsddfd          <div class="box_clientes" style="background: #fff none; height: 180px;">



           <div class="clientes_fotos"><img src='img/dd5a0f664a.jpg'/> </div>

            <div class="clientes_titulo"><b>titulo:</b> asdsad </div>

		 <div class="clientes_descricao"><b>descricao:</b> asdasdsad 



            </div>       



           </div>           

          </li>  

     </ul>

     <br clear="all" />

   </div>



 </div>



 <br clear="all" />



</div>



</body>

</html>

William Bruno · Agosto 19, 2011

você ainda precisa ajustar o html.

fazendo cada item ser um LI, assim:

<li>
<div class="clientes_fotos"><img src='img/1.jpg'/> </div>
</li>
<li>
<div class="clientes_fotos"><img src='img/0615af52f2.jpg'/> </div>
</li>
<li>
<div class="clientes_fotos"><img src='img/dd5a0f664a.jpg'/> </div>
</li>

entendeu ?

Entrar

Arquivado

Listagem com ul li

Recommended Posts

giovannni 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

giovannni 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

giovannni 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante