Problème de code (balises ?)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de code (balises ?)

Message par Eva" le Jeu 6 Mar 2014 - 0:59

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  Angel 

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  I love you


Dernière édition par Eva" le Jeu 6 Mar 2014 - 19:44, édité 1 fois

Eva"
Nouveau membre

Messages : 4
Inscrit(e) le : 04/01/2014

http://haras-la-rose.forumactif.org/
Eva" a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code (balises ?)

Message par MlleAlys le Jeu 6 Mar 2014 - 17:53

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 :
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
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code (balises ?)

Message par Eva" le Jeu 6 Mar 2014 - 19:44

Merci beaucoup !
Bon, il faut vraiment que je fasse plus attention !
Je passe en résolu !

Eva"
Nouveau membre

Messages : 4
Inscrit(e) le : 04/01/2014

http://haras-la-rose.forumactif.org/
Eva" a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code (balises ?)

Message par MlleAlys le Jeu 6 Mar 2014 - 19:55

de rien ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum