Problème avec css
Résolu/Fermé
dm22
-
20 avril 2013 à 13:15
david19 Messages postés 6 Date d'inscription mardi 4 septembre 2007 Statut Membre Dernière intervention 21 avril 2013 - 21 avril 2013 à 20:06
david19 Messages postés 6 Date d'inscription mardi 4 septembre 2007 Statut Membre Dernière intervention 21 avril 2013 - 21 avril 2013 à 20:06
A voir également:
- Problème avec css
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
7 réponses
telliak
Messages postés
3667
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
4 novembre 2024
876
20 avril 2013 à 15:58
20 avril 2013 à 15:58
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,
c'est plutôt dur à déchiffrer.
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.
ideal23
Messages postés
456
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
16 mai 2014
28
20 avril 2013 à 14:51
20 avril 2013 à 14:51
<a href="news.html?id=1">Bienvenue </a>
news.html?id=1 ce lien correspond à quelle page?
news.html?id=1 ce lien correspond à quelle page?
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;
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;
ideal23
Messages postés
456
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
16 mai 2014
28
20 avril 2013 à 20:02
20 avril 2013 à 20:02
dans le html tout est mélangé , colonnes gauche colonnes droite. met correctement les éléments dans chaque bloc.
les class des news sont à revoir
<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">
<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> 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">
<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> 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
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,
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
ideal23
Messages postés
456
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
16 mai 2014
28
Modifié par ideal23 le 20/04/2013 à 20:39
Modifié par ideal23 le 20/04/2013 à 20:39
oui tu peux par mp. tu peux changer les dimensions des colonnes, je n'ai pas la dimensions des photos.
telliak
Messages postés
3667
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
4 novembre 2024
876
20 avril 2013 à 22:34
20 avril 2013 à 22:34
Les forums ne sont pas destinés à faire régler les problèmes par des MP qui excluent la communauté des réponses :(
david19
Messages postés
6
Date d'inscription
mardi 4 septembre 2007
Statut
Membre
Dernière intervention
21 avril 2013
Modifié par david19 le 21/04/2013 à 20:11
Modifié par david19 le 21/04/2013 à 20:11
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:
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,
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,
Modifié par dm22 le 20/04/2013 à 17:59
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...
20 avril 2013 à 18:53
Modifié par dm22 le 20/04/2013 à 19:34
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?
20 avril 2013 à 22:31
Tu ne peux pas dire que sans cette erreur cela ne marche pas... ou alors, il n'y a plus de question !