Problème de code (balises ?)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de code (balises ?)
Bonsoir,
Je m'excuse de reposer encore cette question mais avant j'ai bien vérifié tous mes codes et je ne trouve pas où est le problème ! Mon code fonctionnait très bien avant que je remplisse la fiche. J'ai essayé avec d'autres photos ou même sans photos mais rien à faire...
Je me retourne encore vers vous, mes Sauveurs
Voici un screen de mon décalage :
Le constat : Ici
Le CSS associé (si je ne me trompe pas) :
Je pense qu'un oeil expert va trouver le problème rapidement !
Merci à vous
Je m'excuse de reposer encore cette question mais avant j'ai bien vérifié tous mes codes et je ne trouve pas où est le problème ! Mon code fonctionnait très bien avant que je remplisse la fiche. J'ai essayé avec d'autres photos ou même sans photos mais rien à faire...
Je me retourne encore vers vous, mes Sauveurs
Voici un screen de mon décalage :
- Spoiler:
- L'objet du délit:
- Code:
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<div align="center"><div class="nom_chevaux">Velvet Wind</div>
<img src="http://uprapide.com/images/invite/1-lipizzan.jpg" style="border-radius:50px;box-shadow: 0px 0px 15px #000000; max-width:500px;"/>
[spoiler="Autre photo"]<div align="center"><img src="http://uprapide.com/images/invite/2_27799.jpg" style="border-radius:50px;box-shadow: 0px 0px 15px #000000; max-width:500px;"/>[/spoiler]
<table><tr><td><div class="sous-titres">Carnet équin</div><div class="contenu_pres"><div class="cara">Nom :</div> Velvet Wind
<div class="cara">Affixe : </div> HDR
<div class="cara">Âge : </div>6 ans
<div class="cara">Robe : </div>Grise
<div class="cara">Race : </div>Lipizzan
<div class="cara">Propriétaire : </div>HDR
<div class="cara">Prix : </div>Ecrire ici</div></td><td><div class="sous-titres">Santé</div><div class="contenu_pres">
<div class="cara">Sexe : </div> Mâle / Femelle
<div class="cara">Santé : </div> 50%
<div class="cara">Énergie : </div>40%
<div class="cara">Moral : </div>20%
<div class="cara">Ferrure : </div>30%
<div class="cara">Confiance : </div>00%
<div class="cara">Bonus : </div>Aucun</div></td></tr></table>
<table><tr><td><div class="sous-titres">Caractère</div><div class="contenu_pres"><div class="cara">Type A, B ou C </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque arcu sapien, id venenatis nisi tempor nec. Suspendisse blandit sed velit sed tempus. Vivamus commodo, sem ornare ultricies consectetur, arcu orci suscipit dolor, rhoncus mollis nibh arcu id arcu. Aenean vitae lacus at est ullamcorper lacinia. Aenean sit amet elementum est, et ultrices lacus. Vestibulum varius nec dolor eget pharetra. Etiam pulvinar, neque a euismod laoreet, nisi lectus pellentesque felis, eget congue dui tellus vitae nisl. Aliquam lobortis, massa ac ultrices tempus, lectus lacus pellentesque ante, et sagittis ipsum odio nec dolor.</div></td>
<td><div class="sous-titres">Compétences </div>
<div class="contenu_pres"><div class="cara">Dressage Western : </div>Ecrire ici
<div class="cara">Horse Ball : </div>00
<div class="cara">Pony Games : </div>00
<div class="cara">Voltige : </div>00
<div class="cara">Polo : </div>00
<div class="cara">Reining : </div>00
<div class="cara">Barrel : </div>00
<div class="cara">Randonnée : </div>00
<div class="cara">TREC : </div>00
<div class="cara">Endurance : </div>00
<div class="cara">Attelage : </div>00</div></td>
<tr><td><div class="sous-titres">Psychologie</div><div class="info_cheval">
<div class="cara">Concentration : </div>00
<div class="cara">Souplesse : </div>00
<div class="cara">Réactivité : </div>00
<div class="cara">Maniabilité : </div>00</div></td>
<td rowspan="2"><div class="sous-titres">Compétences</div>
<div class="info_cheval"><div class="cara">Dressage classique : </div>00
<div class="cara">Saut : </div>00
<div class="cara">Cross : </div>00
<div class="cara">Liberté : </div>00
<div class="cara">Éthologie : </div>00
<div class="cara">Travail au sol : </div>00
<div class="cara">Longe : </div>00
<div class="cara">Hunter : </div>00
<div class="cara">Complet : </div>00
<div class="cara">Équi-fun: </div>00
<center><div class="cara">TOTAL : </div>00</br>
<div class="cara">Point fort : </div>Ecrire ici
<div class="cara">Point faible : </div>Ecrire ici</center></div><td></tr>
<tr><td><div class="sous-titres">Génétique</div><div class="info_cheval">
<center>Père <div class="cara">X </div>Mère</center>
<div class="cara">Fertilité : </div>Ecrire ici
<div class="cara">Descendance : </div>∞ Nom - ♀/♂ - Date</div></td></tr>
Le constat : Ici
Le CSS associé (si je ne me trompe pas) :
- Ici:
- Code:
/*Presentation*/
.contenu_pres
{
margin-top:-5px;
width:300px;
background-color:#E6D9CA;
border-radius:60px;
padding:25px;
transform:all;
transition:1s;
text-align:justify;
color:#000000;
}
.contenu_pres:hover
{
background-color:#C7B39B;
transform:all;
transition:1s;
}
.cara
{
text-shadow:0px 0px 3px #695132;
text-style:italic;
display:inline;
}
/*Fin des pres*/
/*Fiche chevaux*/
.nom_chevaux
{
position:absolute;
margin-left:150px;
margin-top:10px;
text-shadow: 2px 2px 15px #000000;
font-family:'Marck Script';
font-size:45px;
border-bottom: 1px dashed #000000;
color:#000000;
width:500px;
border-radius:50px;
letter-spacing:5px;
transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-htm-transform: rotate(4deg);
}
.contenu_cara
{
margin-top:-5px;
text-align:justify;
width:500px;
height:200px;
overflow:auto;
background-color:#E6D9CA;
border-radius:60px;
padding:25px;
transform:all;
transition:1s;
margin-left:82px;
color:#000000;
}
.contenu_cara:hover
{
background-color:#C7B39B;
transform:all;
transition:1s;
}
.info_cheval
{
margin-top:-5px;
margin-left:10px;
width:300px;
background-color:#E6D9CA;
border-radius:60px;
padding:25px;
transform:all;
transition:1s;
text-align:justify;
color:#000000;
}
.info_cheval:hover
{
background-color:#C7B39B;
transform:all;
transition:1s;
}
/*Fin des fiches des chevaux*/
Je pense qu'un oeil expert va trouver le problème rapidement !
Merci à vous
Dernière édition par Eva" le Jeu 6 Mar 2014 - 19:44, édité 1 fois
Re: Problème de code (balises ?)
Bonjour,
il y avait quelques erreurs dans les balises, et notamment ici il maquait les balises </table> et </div> tout à la fin.
Voilà le code corrigé, par contre il faut en retirer les retours à la ligne de présentation du code =s :
il y avait quelques erreurs dans les balises, et notamment ici il maquait les balises </table> et </div> tout à la fin.
Voilà le code corrigé, par contre il faut en retirer les retours à la ligne de présentation du code =s :
- Code:
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<div align="center">
<div class="nom_chevaux">Velvet Wind</div>
<img src="http://uprapide.com/images/invite/1-lipizzan.jpg" style="border-radius:50px;box-shadow: 0px 0px 15px #000000; max-width:500px;" />[spoiler="Autre photo"]
<img src="http://uprapide.com/images/invite/2_27799.jpg" style="border-radius:50px;box-shadow: 0px 0px 15px #000000; max-width:500px; margin:auto;" />[/spoiler]
<table>
<tr>
<td>
<div class="sous-titres">Carnet équin</div>
<div class="contenu_pres">
<div class="cara">Nom :</div>Velvet Wind
<div class="cara">Affixe :</div>HDR
<div class="cara">Âge :</div>6 ans
<div class="cara">Robe :</div>Grise
<div class="cara">Race :</div>Lipizzan
<div class="cara">Propriétaire :</div>HDR
<div class="cara">Prix :</div>Ecrire ici</div>
</td>
<td>
<div class="sous-titres">Santé</div>
<div class="contenu_pres">
<div class="cara">Sexe :</div>Mâle / Femelle
<div class="cara">Santé :</div>50%
<div class="cara">Énergie :</div>40%
<div class="cara">Moral :</div>20%
<div class="cara">Ferrure :</div>30%
<div class="cara">Confiance :</div>00%
<div class="cara">Bonus :</div>Aucun</div>
</td>
</tr>
</table>
<table>
<tr>
<td>
<div class="sous-titres">Caractère</div>
<div class="contenu_pres">
<div class="cara">Type A, B ou C</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque arcu sapien, id venenatis nisi tempor nec. Suspendisse blandit sed velit sed tempus. Vivamus commodo, sem ornare ultricies consectetur, arcu orci suscipit dolor, rhoncus mollis nibh arcu id arcu. Aenean vitae lacus at est ullamcorper lacinia. Aenean sit amet elementum est, et ultrices lacus. Vestibulum varius nec dolor eget pharetra. Etiam pulvinar, neque a euismod laoreet, nisi lectus pellentesque felis, eget congue dui tellus vitae nisl. Aliquam lobortis, massa ac ultrices tempus, lectus lacus pellentesque ante, et sagittis ipsum odio nec dolor.</div>
</td>
<td>
<div class="sous-titres">Compétences</div>
<div class="contenu_pres">
<div class="cara">Dressage Western :</div>Ecrire ici
<div class="cara">Horse Ball :</div>00
<div class="cara">Pony Games :</div>00
<div class="cara">Voltige :</div>00
<div class="cara">Polo :</div>00
<div class="cara">Reining :</div>00
<div class="cara">Barrel :</div>00
<div class="cara">Randonnée :</div>00
<div class="cara">TREC :</div>00
<div class="cara">Endurance :</div>00
<div class="cara">Attelage :</div>00</div>
</td>
</tr>
<tr>
<td>
<div class="sous-titres">Psychologie</div>
<div class="info_cheval">
<div class="cara">Concentration :</div>00
<div class="cara">Souplesse :</div>00
<div class="cara">Réactivité :</div>00
<div class="cara">Maniabilité :</div>00</div>
</td>
<td rowspan="2">
<div class="sous-titres">Compétences</div>
<div class="info_cheval">
<div class="cara">Dressage classique :</div>00
<div class="cara">Saut :</div>00
<div class="cara">Cross :</div>00
<div class="cara">Liberté :</div>00
<div class="cara">Éthologie :</div>00
<div class="cara">Travail au sol :</div>00
<div class="cara">Longe :</div>00
<div class="cara">Hunter :</div>00
<div class="cara">Complet :</div>00
<div class="cara">Équi-fun:</div>00
<center>
<div class="cara">TOTAL :</div>00
<br/>
<div class="cara">Point fort :</div>Ecrire ici
<div class="cara">Point faible :</div>Ecrire ici</center>
</div>
</td>
</tr>
<tr>
<td>
<div class="sous-titres">Génétique</div>
<div class="info_cheval">
<center>Père
<div class="cara">X</div>Mère</center>
<div class="cara">Fertilité :</div>Ecrire ici
<div class="cara">Descendance :</div>∞ Nom - ♀/♂ - Date</div>
</td>
</tr>
</table>
</div>
MlleAlys- Membre actif
- Messages : 5968
Inscrit(e) le : 12/09/2012
Re: Problème de code (balises ?)
Merci beaucoup !
Bon, il faut vraiment que je fasse plus attention !
Je passe en résolu !
Bon, il faut vraiment que je fasse plus attention !
Je passe en résolu !
Re: Problème de code (balises ?)
de rien ^^
MlleAlys- Membre actif
- Messages : 5968
Inscrit(e) le : 12/09/2012
Sujets similaires
» Modifié l'affichage utilisant les balises BBCODE [code][/code]
» Problème avec les balises code, quote et spoiler
» Problème de balises, symboles et d’accents dans un code html
» Problème avec les balises bbcode "code", "spoiler", "citation" et "hide".
» Des couleurs entre des balises [code]
» Problème avec les balises code, quote et spoiler
» Problème de balises, symboles et d’accents dans un code html
» Problème avec les balises bbcode "code", "spoiler", "citation" et "hide".
» Des couleurs entre des balises [code]
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum