Faire comme un <table> en CSS
Bonjour à tous
Excusez mon faible niveau mais qu'auriez-vous fait pour structurer ceci -> oOo
voici mes codes :
l'index.php :
Code:
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:
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:
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;
} |
