Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gringoMSDOS

[DIV] Quebrar linha

Recommended Posts

Olá, sou novo no fórum, me desculpem se postei na área incorreta (bem provavel <_<).

A dúvida é a seguinte, tenho o seguinte projeto: http://www.outofdata.xp3.biz (senha para entrar: premium777), quando você entrar no site irá se deparar com várias notícias de teste, como podem ver as notícias ultrapassaram o tamanho da div em altura, ja tentei de tudo, virei este fórum e o google e não encontrei oque realize a seguinte tarefa:

 

Preciso que, quando dê 5 noticias, quebre a 6° notícia pro lado direito da div, poderiam me ajudar? :D

 

Segue abaixo um SS do que eu quero fazer, obrigado.

jtvxip.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

me desculpem pelos 2 tópicos, mais eu tava com o tamper aberto, e na hora de criar o tópico abortei o pedido, e criou mesmo assim sem eu saber, peço aos mods que fexem o mesmo pois criei outro na categoria com mais informações.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta isso, testei e funcionou perfeitamente.

 

Não sei se você vai usar BD, mais o conceito é esse.

 


<?php require_once 'conn.php' //chama arquivo de conexão. ?>
 <!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>Teste</title>


 <style type="text/css">




 #noticiasTodas{


     width:auto;
     height:970px;
     float:left;


 }

 #noticiasTodas .noticias{


     width:200px;
     height:150px;
     margin:10px 0 0 10px;
     background:#666;
     font-family:Verdana, Geneva, sans-serif;
     font-size:14px;
     color:#F00;

 }

 </style>

 </head>

 <body>



     <?php

         $select = mysql_query("SELECT * FROM teste"); // faz o select na tabela
         $quantidade = mysql_num_rows($select); // joga a quantidade de resultados em uma variável

         $array = 0; // inicializa a variável array;


         while($quantidade > 0){ // inicio ddo while que repete as colunas se a quantidade de resultados da query for maior que zero

      ?>

      <div id="noticiasTodas">


              <?php 

                 $teste = 0; //inicializa a variável teste

                  mysql_data_seek($select, $array); // continua do mesmo resultado que parou na coluna anterior

                 while ($dados = mysql_fetch_array($select)){ // cria um array do select

              ?>


         <?php if ($teste < 5){ //limita o numero de resultados por coluna ?>

         <div class="noticias"> <?php echo $dados['teste'] // exibe algo qualquer da query ?></div>

          <?php
           }else{

              break; // se a variavel teste for maior ou igaul que o numero de resultados determinados (variavel $teste), o while para.

         }
          $teste ++; //incrementa a variável $teste
          $array++; //incrementa a variável $array

           } ?>

    </div>

       <?php


    $quantidade = $quantidade - 5; //subtrai 5 da quantidade de resultados da query (esses são os resultados que já foram apresentados, se não forem subtraidos acontecerá um loop infinito)

     } ?>


 </body>
 </html>


 

 

Boa sorte!

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá, obrigado pela ajuda, mais não consegui com o conteudo acima amigo, segue abaixo a source da página:

 

<?php
session_start();
if(!isset($_SESSION["password"])) {
print '<script>alert("Você não está logado.")</script>';
print '<script>location.href="index.php"</script>';
break;
}
?> 
<? session_start();ob_start();?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>OUT OF DATA</title>
<style>
a:link {text-decoration: none; color: #EEE9E9;text-shadow: 1px 1px 1px #828282}
a:visited {text-decoration: none; color: #EEE9E9;text-shadow: 1px 1px 1px #828282}
a:active {text-decoration: none; color: #EEE9E9;text-shadow: 1px 1px 1px #828282}
a:hover {text-decoration: none; color: #A9A9A9;text-shadow: 1px 1px 1px #9C9C9C}
#menu{
font-family: monospace;
font-size: 13px;
color: #ffffff;
text-align:center;
padding-right: 80px;
}
#sitetitle{
font-family: Courier;
font-size: 11px;
font-weight: bold;
color: #363636;
float: left;
padding-left: 3px;
padding-top: 1px;
text-shadow: 1px 0px 0px #6C6C6C;
}
#content{
font-family: monospace;
font-size: 13px;
color: #fff;
background: #000;
border:1px solid #363636;
height: auto;
width: 950px;
position: absolute;
left: 34px;
padding: 3px; 
}
#xnews{
height:
width: 950px;
height: 490px;
padding: 3px;
margin:0;
}
</style>
</head>
<body bgcolor="#000000">
<div id="sitetitle">out of data ></div> 
<div style="border: 1px dotted #363636;" id="menu">
<a href="#">Chat</a> | 
<a href="#">Downloads</a> | 
<a href="#">Fórum</a> | 
<a href="#">Tutoriais</a> | 
<a href="./logout/?token=<?=$_COOKIE['PHPSESSID'];?>">Sair</a></div><br><br>
<center><img src="../images/od.png"></center>
<div id="content">
<div id="xnews">
<?PHP
$number = "10";
include("news/show_news.php");
?>
</div>
</div>
</body>
</html>

 

Source da página de notícias (externa, cutenews).

<style>
#ntc{
background: #181818;
border: 1px dotted #363636;
width: 420px;
padding-left: 3px
}
#read{
text-align: right;
padding-right: 4px;
padding-bottom: 2px;
font-family: monospace;
font-size: 11px;
}
</style>
<div id="ntc">
<font size="2"><font color="#969696" face="Verdana" size="3px"><strong>{title}</strong></font></font><br>
<img src="http://i56.tinypic.com/j783nq.png">
<p><font color="#fff" face="Verdana" size="1px">{short-story}
<br> 
</font><font face="Verdana" size="1px"><div id="read">[full-link]+ info[/full-link]</div></font></div>
<div style="background: #000000; height: 3px;"></div>

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.