Discussion :

[david-18]

Bonjour,
Je vous écris pour une question: A chaque fois que je veux modifier quelque chose dans mon code html ou css, après il y a toujours quelque chose qui ne vas pas... et après même si je reviens comme il était, là le problème est toujours là...

Comme aujourd'hui, j'ai essayé de modifier un peu mon css, pour la partie droite, avec des margin-right, et depuis il y a un problème: Il y a des liens qu'on peut cliquer sur la partie droite, tout était normal, des liens cliquable, mais depuis que j'ai souhaité modifier, impossible de cliquer sur les liens. Je suis revenu comme il était (j'ai fait précédant), mais il y a toujours le problème. Bizarre. Vous pouvez voir ca: www.cine-seriestv.tk (partie droite, sur bienvenu, impossible de cliquer. Mais lorsqu'on veut le sélectionner avec un double-clic, il sélectionne ce qui est sur la partie gauche)...

Mais ce qui est aussi bizarre: D'habitude avec google chrome, tout marche normalement, c'est avec internet explorer qu'on trouve le plus de problème. Mais cette problème, on trouve dans google chrome et non dans IE
Vous pensez que cette problème vient de l'organisation des contenus ou de mon fichier css?

mon code CSS:

Code :

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
#colonnes_gauche 
{
	float: right;
	text-align: justify;
	margin-top: -7px;
	padding-bottom: 7px;
	display: inline-block;
}
  .trait_vertical
    {
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
	display: inline-block;
    }
 
 #colonnes_droite table
 {
    border-collapse: collapse;
	display: inline-block;
 }
 #colonnes_droite th
 {
 background-color: #5955ff;
 font-size: 15px;
 font-weight! bold;
 }
 #colonnes_droite td, th
{
    border: 1px solid black;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

Merci par avance,

[rodolphebrd]

Bonjour,

Peut-on voir le code html?

[david-18]

Bonjour, merci pour la réponse.
mon code html correspondant à la partie du css:

Code php :

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
<div id="colonnes_gauche">
	<div class="trait_vertical">
	<br /><div class="colonnesdroite">
	<table> <tr>
<th>Les dernières dossiers</th>
</tr>
<tr>
<td> Aucun Dossier pour le moment</td>
</tr>
</table> </div>
	<?php        
 
mysql_connect("", "", ""); //On se connecte à Mysql
mysql_select_db("");// on selectionne la base  
?>
<div class="colonnesdroite">
<table>
  <tr><th>Les dernières news rajoutés</th></tr>
<?php
 
$result = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 10');  
 
while ($data = mysql_fetch_array($result))  
{  
 
?>  
 
	   <tr><td><?php echo stripslashes($data['categorie']) ; //on recupère catégorie  ?>, le <?php echo date('d/m/Y à H\hi', strtotime($data['date'])); //on recupère la date ?> <BR>
         <a href="news.html?id=<?php echo $data['id']; ?>"><?php echo stripslashes($data['titre']); //on recupère titre  ?> </a></td></tr>
		<br>
 
 <?php   
} // Fin de la boucle des news  
 
?> 
	</table>
</div>
</div>
</div>

vous avez besoin de plus de code?

Merci par avance pour votre aide,

[rodolphebrd]

Dans un premier temps:
pour la classe News:
-enlever: display:block;
-fixer une largeur de 500px par exemple.

Il faut mieux gérer vos éléments flottants... je vous fais un exemple et je vous le poste.

[david-18]

Alors, je viens de faire comme vous avez dit, et là ca marche.
Merci,

Sinon, très bien, j'attends alors votre exemple.

Merci,

Je profite pour demander encore une chose:
Je souhaite avoir la même taille pour les 2 tableaux dans la partie droite. Parce que la 1ere est plus court que la 2ème. Avec un padding-right ca marchera? ou vaut mieu utiliser un width?

Merci par avance

[rodolphebrd]

voici l'exemple sachant que :

- je suis parti de votre structure (qui n'est pas idéale);

- je n'ai pas corrigé toutes les incohérences du code;

- je vous montre l'utilité des css en évitant (au possible) le style inline;

- j'ai supprimé les HR;

- l'agencement des DIV est perfectible;

codepen

Bon courage