Problème avec css

Résolu

dm22 -
david19 Messages postés 6 Date d'inscription Statut Membre Dernière intervention - 21 avril 2013 à 20:06

Bonjour,

Je vous écris juste 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?

Merci par avance,

Afficher la suite

A voir également:

Problème avec css
Css download - Télécharger - HTML
Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
Css ligne horizontale ✓ - Forum CSS
Enlever le soulignage des lien. - Forum CSS
Enlever soulignement lien css ✓ - Forum CSS

7 réponses

Réponse 1 / 7

telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention 882

Salut,
Tu as deux <div id="colonnes_droite"> (lignes 35 et 43), or un id doit être unique.
Je te conseille d'organiser la présentation de ton code parce que, par exemple,

	<div id="colonnes_gauche">
				<div class="trait_vertical">
				<br /><div id="colonnes_droite">
				<table> <tr>
<th>Les dernières dossiers</th>
</tr>
<tr>
<td> Aucun Dossier pour le moment</td>
</tr>
</table> </div>

c'est plutôt dur à déchiffrer.

dm22

salut, merci pour ta réponse.
Sie je met tout simplement un <aside>, ca ne marchera pas?

EDIT: Je me souviens maintenant pourquoi j'ai mis cette ligne <div id="colonnes_droite"> C'est parce que d'abord j'ai essayé avec un class, mais ca ne marchait pas. id c'était le seul moyen pour que ca marche...

telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention 882

Soit, mais c'est incorrect.

dm22

Oui je sais bien. Mais ca ne marche pas autrement. T'as une autre solution à me proposer? Parce que moi je suis à court d'idées

EDIT: J'ai essayé autre chose, et ca ne marche toujours pas... Un id doit être unique, mais je ne pense pas que c'est ca le problème. Parce que j'ai aussi supprimé un id, pour rajouter un aside, et toujours rien. Donc, j'ai une réponse logique, de mon problème mais je n'arrive pas le résoudre: Lorsqu'il y a du texte dans la partie gauche, on peut pas cliquer, mais lorsqu'il n'y a rien à gauche, là c'est bon (preuve en est avec la rubrique series). Mais le problème ne viendrait pas de la partie section? J'envoie le code css:

section
{
    width: 950px;
    height: auto;
    clear: both;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: -20px;
    background-color: white;
	margin-left: -10px;
	display: inline-block;    
	
}

J'aurais pas du modifier mon code ce matin, depuis j'ai cette problème!
Quelqu'un pourrait-il m'aider?

telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention 882

A partir du moment où un code contient des erreurs clairement identifiées, il faut commencer par les corriger avant d'aller plus loin.
Tu ne peux pas dire que sans cette erreur cela ne marche pas... ou alors, il n'y a plus de question !

Réponse 2 / 7

ideal23 Messages postés 456 Date d'inscription Statut Membre Dernière intervention 28

<a href="news.html?id=1">Bienvenue </a>
news.html?id=1 ce lien correspond à quelle page?

dm22

Il correspond à la page du news correspondant. Donc dans ce cas, il envoie sur la page news.html où il n'y a que cette news

Réponse 3 / 7

dm22

Pour le div=id, c'est bon j'ai réussi, maintenant j'ai 2 class et l'id j'ai laissé unique

Mais comme j'ai dit c'était pas ca le problème... Je ne comprends pas ce qu'il veut. Je ne sais pas si le problème vient du html ou du css ou plutôt de mon organisation!
Quelqu'un pourrait-il m'aider?

merci par avance pour votre aide;

Réponse 4 / 7

ideal23 Messages postés 456 Date d'inscription Statut Membre Dernière intervention 28

dans le html tout est mélangé , colonnes gauche colonnes droite. met correctement les éléments dans chaque bloc.

<section> 
	<div id="colonnes_gauche">
				<div class="trait_vertical">
				<br>
				<table> <tbody><tr>
<th>Les dernières dossiers</th>
</tr>
<tr>
<td> Aucun Dossier pour le moment</td>
</tr>
</tbody></table>
<p>Les 10 dernières news publiés sur le site</p>
	  
    <div class="news">
	
      
	  <img src="images/images.jpg" alt="image de news" style="float: left;" height="100" width="100">  &nbsp;
         <span class="cat_date">
   <em>Cinema,</em> le 04/04/2013 à 09h44  <br></span>
   <h2>   <a href="news.html?id=2">test2 </a> </h2>
  		<p>&nbsp; ggslkmgsdlkgdsml  </p>


<em><a href="commentaires.html?news=2">Commentaires</a></em>  

<hr align="left" color="#a6a1ff" width="50%">

</div> </div> 
   
    <div class="news">
	
      
	  <img src="C:\\Users\\David\\Documents\\Documents\\Site Cineseries\\Mini-site-actu\\images" alt="image de news" style="float: left;" height="100" width="100">  &nbsp;
         <span class="cat_date">
   <em>site,</em> le 03/04/2013 à 14h20  <br></span>
   <h2>   <a href="news.html?id=1">Bienvenue </a> </h2>
  		<p>&nbsp;  bienvenue sur le site </p>


<em><a href="commentaires.html?news=1">Commentaires</a></em>  

<hr align="left" color="#a6a1ff" width="50%">

</div> 
</div> 

  
  
  
	<div id="colonnes_droite">
<br><br><table>
  <tbody><tr><th>Les dernières news rajoutés</th></tr>
  
 
	   <tr><td>Cinema, le 04/04/2013 à 09h44 <br>
         <a href="news.html?id=2">test2 </a></td></tr>
		
 
   
 
	   <tr><td>site, le 03/04/2013 à 14h20 <br>
         <a href="news.html?id=1">Bienvenue </a></td></tr>
	</tbody></table>
</div>
	
</section>
	
	<footer>
	<p> Copyright cine-seriestv.tk - Tous droits réservés <br>
	<a href="contact.html">Contact</a></p>
	</footer>
	</div>
   
</body></html>

section
{
    width: 950px;
    height: auto;
 display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: -20px;
    background-color: white;
	margin-left: -10px;	
}
#colonnes_gauche 
{
	float: left;
	text-align: justify;	
	padding-bottom: 7px;	
	width: 750px;
}  
 #colonnes_droite
 {
    vertical-align: top;
    text-align: justify;
	border-collapse: collapse;
	width: 200px;
	margin-left: 750px;
 }

les class des news sont à revoir

dm22

merci pour ta réponse.
J'ai essayé de faire avec ton code et ton explication, mais la, tout est melangé. Il y a une partie a gauche, une partie à droite, une autre en haut, une autre en bas...

Je vais essayer de corriger tout ca, mais ca va me prendre quelques heures. Je vais donc poster plus tard... Je peux te dire la réponse par MP?

Merci,

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

ideal23 Messages postés 456 Date d'inscription Statut Membre Dernière intervention 28

oui tu peux par mp. tu peux changer les dimensions des colonnes, je n'ai pas la dimensions des photos.

dm22

ok merci

Réponse 6 / 7

telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention 882

Les forums ne sont pas destinés à faire régler les problèmes par des MP qui excluent la communauté des réponses :(

dm22

J'était peut-être pas très claire. S'il y a encore des problèmes, qui m'empêche de m'avancer, bien sur que je vais les mettre sur le forum...
Mais par MP, je donnerai la réponse...

Réponse 7 / 7

david19 Messages postés 6 Date d'inscription Statut Membre Dernière intervention

dm22 c'est moi

J'ai enfin réussi à résoudre mon problème, merci...

Mais j'ai un autre petit problème (partie gauche): J'ai mis en place donc une image et à côté je souhaite placer le texte. Mais le problème c'est que le texte est trop collé à l'image. J'ai essayé de mettre un peu d'espace , mas ca ne marche pas...
Mais le problème vient du display: block, puisque si je met inline-block, je n'ai pas cette problème. Mais si je met inline-block, le texte se met au dessous de l'image.
J'ai essayé avec tous les margin et padding, ca ne marche pas. J'ai essayé margin-left, mais non. J'ai aussi essayer avec des float, mais là c'est encore pire.
Donc, en claire je suis perdu... Mais avec le titre, j'ai pas cette problème. Je le met un display:inline-block, je le regle avec un margin-left et tout va bien. Et je ne comprends pas pourquoi le texte, lui, ne marche.

Je met mon code du texte que je souhaite modifier:

  .intro 
 { 
 display: inline-block; 
 font-family: Arial,"Arial Black",Verdana,sans-serif; 
 font-size: 14px; 
    margin:4px; 
 margin-left: 10px; 
 }

Quelqu'un pourrait-il m'expliquer d'ou vient le problème? Mais normalement c'est pas un margin-left que je dois utiliser?

Merci par avance,

Discussions similaires

Enlever le soulignement sous les liens en HTML/CSS

indice et exposant en css ?

Enlever trait sous un lien href

CSS/Comment enlever couleur liens ?

Background color css

Votre réponse

Discussions similaires