CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | | Petit problème dans ma PA | |
| Chel
{ Membre }
Messages : 55
| Bonjour! Voilà je suis en train de me faire une PA et je me retrouve confronté à un tout petit problème de code super chiant uu' Voici les partie de code qui sont associer à mon problème! - Code:
-
<td style="border:1px solid #203F56;"><center><div class="titre4"><b>Partenaires</b></div><div class="background"> <div class="transbox1"> <p><b>Partenaire<br><br><center><div class="plus"><center><a href="http://war-of-creation.forum-canada.net/nos-partenaires-f68/les-logos-de-nos-partenaires-t20.htm" class="postlink"> Plus? </a><div class="plus"><a href="http://war-of-creation.forum-canada.net/demandes-de-partenaires-f67/formulaire-pour-devenir-partenaires-t19.htm" class="postlink"> Vous? </a></center></b> </p> </div></td> - Code:
-
.plus { text-shadow: 1px 1px 1px #000000; width: 65px; font-family: TrebuchetMS, serif; letter-spacing: 2px; font-size: 130%; font-variant: small-caps; background-color: #002E51; border-top: 1px dotted #C3E9F9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #6AB7BD; text-align: center; border-left: 2px solid #C3E9F9; border-right: 2px solid #C3E9F9; } Voici ce que ça me donne... Moi je voudrais que le Plus? et le Vous? soient un à coté de l'autre... Merci beaucoup! |
Dernière édition par Chel le Dim 27 Juin 2010, 15:51, édité 1 fois | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bonjour~ Essaie ceci: - Code:
-
<td style="border:1px solid #203F56;"><center><div class="titre4"><b>Partenaires</b></div><div class="background"> <div class="transbox1"> <p><b>Partenaire<br><br><center><span class="plus"><a href="http://war-of-creation.forum-canada.net/nos-partenaires-f68/les-logos-de-nos-partenaires-t20.htm" class="postlink"> Plus? </a></span><span class="plus"><a href="http://war-of-creation.forum-canada.net/demandes-de-partenaires-f67/formulaire-pour-devenir-partenaires-t19.htm" class="postlink"> Vous? </a></span></center></b> </p> </div></div></td> Il y avait beaucoup de balises mal fermées, si tu veux que je te montre où, dit moi-le Sinon, les div provoquent un saut à la ligne automatiquement puisque div est une balise block, donc une balise qui fait un bloc. Donc, pour t'expliquer un peu, au lieu de faire - Code:
-
<div class="plus">blablabla</div> J'ai fait: - Code:
-
<span class="plus">blablabla</span> Puisque span est une balise inline, donc dans la ligne~ Si tu as besoin de plus d'explications, fait signe =DD | | |
| | | Chel
{ Membre }
Messages : 55
| Merci beaucoup pour la réponse rapide. J'aimerais beaucoup que tu me montre les balises mal fermé... Ça m'aiderais beaucoup... Et c'est presque parfait... pour le code... mais il y à deux petites choses qui m'embête xx C'est que j'essais de faire en sorte que les deux liens touchent la ligne pointillé et aussi que le lien soit moins... à l'étroit... Est-ce que ce serais possible? Merci beaucoup!! | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Pour qu'ils soient moins à l'étroit, ça se passe dans le CSS. Il faut ajouter du padding, donc un espace entre le cadre et le texte pour qu'ils ne soient pas collés. Tu peux essayer avec 3px, comme ça: - Code:
-
.plus { text-shadow: 1px 1px 1px #000000; width: 65px; font-family: TrebuchetMS, serif; letter-spacing: 2px; font-size: 130%; font-variant: small-caps; background-color: #002E51; border-top: 1px dotted #C3E9F9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #6AB7BD; text-align: center; border-left: 2px solid #C3E9F9; border-right: 2px solid #C3E9F9; padding: 3px; } Sinon, tu veux qu'ils touchent la ligne du bas? Essaie avec ceci: - Code:
-
.plus { text-shadow: 1px 1px 1px #000000; width: 65px; font-family: TrebuchetMS, serif; letter-spacing: 2px; font-size: 130%; font-variant: small-caps; background-color: #002E51; border-top: 1px dotted #C3E9F9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #6AB7BD; text-align: center; border-left: 2px solid #C3E9F9; border-right: 2px solid #C3E9F9; padding: 3px; vertical-align: bottom; } Ça devrait aligner verticalement le tout vers le bas~ Maintenant pour l'explication =D En rouge sont les balises mal fermées, en bleu sont les balises fermantes manquantes et en noir ce qui n'est pas sensé être là~ - Citation :
- <td style="border:1px solid #203F56;"><center><div class="titre4"><b>Partenaires</b></div></center><div class="background"><div class="transbox1">
<p><b>Partenaire<br><br><center><div class="plus"><center><a href="http://war-of-creation.forum-canada.net/nos-partenaires-f68/les-logos-de-nos-partenaires-t20.htm" class="postlink"> Plus? </a></div><div class="plus"><a href="http://war-of-creation.forum-canada.net/demandes-de-partenaires-f67/formulaire-pour-devenir-partenaires-t19.htm" class="postlink"> Vous? </a></div></center></b> </p> </div></div></td> Voilà xDD Ha au fait tantôt quand je t'ai donné le code corrigé, j'ai oublié d'ajouter un center, ç'probablement pour ça que le "Partenaires" est un peu beaucoup à gauche. Tient: - Code:
-
<td style="border:1px solid #203F56;"><center><div class="titre4"><b>Partenaires</b></div></center><div class="background"> <div class="transbox1"> <p><b>Partenaire<br><br><center><span class="plus"><a href="http://war-of-creation.forum-canada.net/nos-partenaires-f68/les-logos-de-nos-partenaires-t20.htm" class="postlink"> Plus? </a></span><span class="plus"><a href="http://war-of-creation.forum-canada.net/demandes-de-partenaires-f67/formulaire-pour-devenir-partenaires-t19.htm" class="postlink"> Vous? </a></span></center></b> </p> </div></div></td> | | |
| | | Chel
{ Membre }
Messages : 55
| okay Merci ^^
Mais ca ne touche toujours pas la ligne en bas TT | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Je dois t'avouer que j'essaie plein de façons pour faire le vertical-align mais que visiblement rien ne marche, je suis incapable de mettre le texte plus bas, même plus haut ._. ... NON J'AI RÉUSSI O__O - Code:
-
<td style="border:1px solid #203F56;"><center><div class="titre4"><b>Partenaires</b></div></center><div class="background"> <div class="transbox1"> <p><b>Partenaire<br><br><center><span class="plus" style="line-height: 2px;"><a href="http://war-of-creation.forum-canada.net/nos-partenaires-f68/les-logos-de-nos-partenaires-t20.htm" class="postlink"> Plus? </a></span><span class="plus" style="line-height: 2px;"><a href="http://war-of-creation.forum-canada.net/demandes-de-partenaires-f67/formulaire-pour-devenir-partenaires-t19.htm" class="postlink"> Vous? </a></span></center></b> </p> </div></div></td> À chaque span j'ai ajouté ceci: style="line-height: 2px;" Pour que ça touche le pointillé, tu dois seulement changer le 2px~ j'espère que ça va marcher ._. | | |
| | | Chel
{ Membre }
Messages : 55
| oui ça marche!
Merci beaucoup, beaucoup!!1
| | |
| | | Kimy
{ Membre actif }
Messages : 1190
| | | | Chel
{ Membre }
Messages : 55
| Oui, merci | | |
| | | Contenu sponsorisé
| | | | | Petit problème dans ma PA | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|