Aiutino piccino distacco elementi? CSS

[memai]

Dato dei dati ricavati con un ciclo basato sulla funzione mysql_fetch_array vorrei allineare gli elementi ricevuti sulla pagina come nella foto.

A me mi è ancora piu' comodo l'uso delle tabelle, ma mi dà fastidio usarle, come posso fare usando il css ha rendere perfettamente ordinato tenendo conto che ogni gruppo avrà la stessa distanza dall'uno all'altro?

Io riesco aposizionare come si deve gli elementi ma pecco un pochino sulla parte del distacco fra i gruppi

Aiutino piccino piccino??

inserisci ogni gruppo dentro ad un div e imposti, per questi, un margine basso pari alla distanza che vuoi impostare.

[memai]

<style>
.sf{margin-bottom:10px; }
.sf:hover{border:1px solid #5dafe3; background:#b6dde5;}
#contenitore{position:relative; padding:10px; left:300px; width:800px; }
#colonnasinistra{width:100px;}
#colonnadestra{width:700px; position:relative; top:-120px; left:120px;}
.avatar{position:relative; -webkit-border-radius:10px; width:70px; height:70px;}
.pensiero{position:relative;}
</style>
<div class='sf'>
<div id='contenitore'>
<div id='colonnasinistra'>
<a href='?profilo_utente=$utentes'>$utentes</a><br/><a href='?profilo_utente=$utentes'>
<img src='$avatarb' class='avatar'>
</a> dasdasdasd
</div>
<div id='colonnadestra'><div class='pensiero'>$pensieros</div></div>
</div></div>

Io ho provato questo, ma nella #colonnadestra mi fa schifo il position relative, l'ho usato perchè il testo me lo riporta sotto l'avatar, cosa che non voglio, io vorrei di fianco, funziona usando il float ma è come se fosse in absolute e quando pass con il mouse sopra mi colora lo sfondo soltanto delle cose "static".


Ancora un aiutinu inu?

[karl94]

Puoi indicare l'indirizzo della pagina? O perlomeno il sorgente completo?

[memai]

Non posso indicizzare la pagina perchè non potreste vederla, c'ho messo una protezione e non mi va di toglierla, inoltre non so cosa serva mettere il sorgente completo della pagina, non basta il codice dello style e del contenuto da "stylare"? Boh, comunque ecco qua tutto il codice:

<?php
include("librerie/protezione.lib");
include("config.php");
session_start();
if ($_SERVER['REMOTE_ADDR']==$ippi || $_SERVER['REMOTE_ADDR']==$ippap){
if(isset($_SESSION['login'])){
$id=$_SESSION['login'];
require "librerie/logout.lib";
require "librerie/newsms.lib";
require "librerie/menu.lib";
require "librerie/invioprofilo.lib";

$selectnome= mysql_query("SELECT * FROM account WHERE user='$id'");
while($prendonome=mysql_fetch_array($selectnome)){
$nomeutenteprofilo=$prendonome['user'];
}

echo"<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src='js/openmenu.js'></script>
<style>.align{position:relative; top:0px; left:0px;}</style>
<script type='text/javascript' src='http://javascript.html.it/demo/javascript/6388/js/jquery-1.5.2.min.js'></script>
<link rel='stylesheet' type='text/css' href='css/contenuti.css' />
<link rel='stylesheet' type='text/css' href='css/stile.css' />

<title>Your Bacheca</title>";


//Bacheca scrittura dei pensieri

$profilo=$nome."profilo";
$ricutente=mysql_query("SELECT * FROM $profilo");
while($avprof=mysql_fetch_array($ricutente)){
$avatarp=$avprof['avatar'];
echo " <form method='post' action=''><div align='center' id='contpensieri'><img src='$avatarp' width='80px' height='80px' title='$nome' class='img_pensiero'> <input type='text' name='pensiero' class='txt_pensiero' value='Scrivi qui un tuo pensiero...' onclick=this.value=''> <input type='image' name='posta' src='immagini/bacheca/submit.png' class='postap' value='posta' style='display:none'></form>
</div>";




if($_POST['posta'] && $_POST['pensiero']!=""){
$msg=$_POST['pensiero'];
mysql_query("INSERT INTO bacheca(`user` , `avatar`, `pensiero` , `data`) VALUES('$nome' , '$avatarp' , '$msg' , now())") or die(mysql_error());
}



//Bacheca lettura dei pensieri

$letpens=mysql_query("SELECT * FROM bacheca ORDER BY data DESC");

while($spens=mysql_fetch_array($letpens)){
$exist=mysql_num_rows($letpens);
if($exist!=0){
$utentes=$spens['user'];
$avatarus=$spens['avatar'];
$pensieros=$spens['pensiero'];
$data=$spens['data'];

$profilob=$utentes."profilo";
$ricutenteb=mysql_query("SELECT * FROM $profilob");
while($dbachecas=mysql_fetch_array($ricutenteb)){
$avatarb=$dbachecas['avatar'];}
//ricordarsi di  tagliare e e mettere lo style nel file sorgente css
echo "<style>
.sf{margin-bottom:10px; }
.sf:hover{border:1px solid #5dafe3; background:#b6dde5;}
#contenitore{position:relative; padding:10px; left:300px; width:800px; }
#colonnasinistra{width:100px;}
#colonnadestra{width:700px; position:relative; top:-120px; left:90px;}
.avatar{position:relative; -webkit-border-radius:10px; width:70px; height:70px;}
.pensiero{position:relative;}
.like{width:22px; height:24px; background-image:url(/immagini/like.png);}
.like:hover{width:22px; height:24px; background-image:url(/immagini/like2.png);}
</style>
<div class='sf'>
<div id='contenitore'>
<div id='colonnasinistra'>
<a href='?profilo_utente=$utentes'>$utentes</a><br/><a href='?profilo_utente=$utentes'>
<img src='$avatarb' class='avatar'>
</a><br/><div class='like' title='Me pias'></div>
</div>
<div id='colonnadestra'><div class='pensiero' >$pensieros</div></div>
</div></div>


";
invia($utentes, $nomeutenteprofilo);

}
}

if($exist==0){
echo "<div align='center' id='contpensieri'>
Non ci sono dei pensieri in questa bacheca...Scrivine uno tu!</div>";
}

}


echo"<script>
$(document).ready(function(){
  $('.txt_pensiero').click(function(){
    $('.postap').toggle();
  });
});
</script>
";
}

if(!isset($_SESSION['login'])){header("Location:index.php");}
}
else{
echo "<title>Your page Not Found</title><style>.img{position:absolute; left:0; top:0;}</style>
<img src='sito.png' class='img'>

";
}


?>

[karl94]

Intendevo il sorgente HTML, con quello che hai pubblicato prima non ho capito molto, è vuoto...

[memai]

Vuoto? Non è vuoto, il contenuto c'è, cosa manca?

Non posso indicizzare la pagina perchè non potreste vederla, c'ho messo una protezione e non mi va di toglierla, inoltre non so cosa serva mettere il sorgente completo della pagina, non basta il codice dello style e del contenuto da "stylare"?

A te troppe cose non vanno.
Ajax ti mette sonno, mysql_real_escape_string lo odi, position ti sta sulle scatole, mysql è un burlone ...

Ad avere il problema mi pare che sei tu. E sei tu che sei vebuto sul forum a cercare aiuto.
Non mi pare che sia il modo migliore di chiedere se dici "ho messo una protezione e non mi va di toglierla".

Beh, allo stesso modo ti rispondo: Io so come si fa, ma non mi va di aiutarti.

Ciao

[memai]

Degustibus, lascio stare e chiedo scusa.