Bonjour à tous
Excusez mon faible niveau mais qu'auriez-vous fait pour structurer ceci -> oOo

voici mes codes :

l'index.php :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
	<header>
	    <title>Le9emeCercle</title>
        <link href="text.css" rel="stylesheet" type="text/css" />
       <link href="border.css" rel="stylesheet" type="text/css" />
	</header>
<body>
<?php
$db = new PDO('mysql:host=192.168.1.1;dbname=ma_table', 'mon-id', '****');
$recipesStatement = $db->prepare('SELECT * FROM partenaire');
$recipesStatement->execute();
$recipes = $recipesStatement->fetchAll();
?> 
<div  align="center">
	<div class="born">  
		<div class="ocrep">Liens in out<div>
 
	    <?php
          foreach ($recipes as $recipe) {
        ?>
           <div class="gris6"><a href="out2.php?id=<?php echo $recipe['idx'] ?>" align="center" target="_blank">
		   <?php echo $recipe['titre']." ";?></a><?php echo $recipe['ent']." ".$recipe['sor']; ?></div>
		   <?php
            }
           ?>
    </div>
</div>
text.css
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
body {
background-color: #000000;
 
}
a {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color:#CA0000;
text-decoration:none
}
a:hover {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color:#CA0000;
text-decoration-line: underline
}
.ocrep
{
font-family: arial, verdana, sans-serif;
font-size: 15px;
color: #6C6C00
}
.ocreg
{
font-family: arial, verdana, sans-serif;
font-size: 18px;
color: #6C6C00
}
.gris6
{
font-family: arial, verdana, sans-serif;
font-size: 15px;
color:#666666;
text-align: justify
}
.rouge
{
font-family: arial, verdana, sans-serif;
font-size: 15px;
color:#CA0000
}
.gris9
{
font-family: arial, verdana, sans-serif;
font-size: 15px;
color:#999999;
text-align: justify
}
le border.css
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
body {
background-color: #000000;
 
}
.dispo {
  max-width: 400px;
  max-height: 250px;
 }
.born {
  border: 1px solid;
  border-color: #666666;
  max-width: 200px;
  max-height: 300px;
  }