Remonter une image grâce au margin

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

Résolu Remonter une image grâce au margin

Message par Azylis le Dim 1 Juin 2014 - 22:36

Bonjour à tous !

Voilà mon petit soucis, je souhaiterais remonter le vava de la jeune fille au même niveau que la description de droite :



Je sais que c'est possible car j'avais réussi, mais suite à quelques modifications j'ai perdu mon résultat... et impossible de me rappeler quelle modif avait tout fait louper. A tous les coup c'est hyper simple à retrouver, mais là je tourne en rond...

Html :
Code:
<center>
<div class="GBoitePrédef"><img src="http://i39.servimg.com/u/f39/17/82/22/46/ia_ful10.jpg"/>


<fieldset style="width:690px; border: 2px solid #544b8a; padding:2px;">
<LEGEND align="center"><legend style="font-size:25px; font-family: georgia; text-shadow: -2px -2px 2px black; padding: 5px;">Histuga Yusue [color=#009933][Libre][/color]</legend></LEGEND><div style="font-size: 18px; font-family: georgia; text-shadow: -2px -2px 3px #babdc2; padding-left: 40px;"></div>
<div class="BoiteVava"><img src="http://i39.servimg.com/u/f39/17/82/22/46/ashe_l12.jpg" /></div>
<div class="BoiteInfo1"><span class="Minititrepred">Âge:</span> Minimum 17 ans

<span class="Minititrepred">Rang / Rôle :</span> Domë ou Ancale

<span class="Minititrepred">1er Pouvoir :</span> Au Choix, sauf Télépathe (sorry ;))

<span class="Minititrepred">Élément :</span> Au choix

<span class="Minititrepred">Objet Précieux :</span> Collier de sa mère

<span class="Minititrepred">Animae :</span> Tigre de Sibérie (ou au choix)

<span class="Minititrepred"> Localisation du Tatouage :</span> Au choix</div>


<div class="clear"></div><div class="TitreBoiteInfo">
[left]Description[/left]
</div><div class="BoiteInfo2"><span class="Minititrepred">Apparence :</span> Assez grande, les cheveux blancs (héritage de sa mère). [b]Aveugle [/b]de naissance, elle possède des yeux bleus ternes.

<span class="Minititrepred">Caractère :</span> Plutôt renfermée et timide, le genre de fille qui rougit à la moindre parole, le genre qu'on ne regarde finalement jamais, et qui pourtant sourit plus souvent que les autres, sûrement pour cacher sa timidité. Mais elle est aussi studieuse, aimant apprendre, découvrir et toujours plus enrichir ses connaissances.
</div>

<div class="TitreBoiteInfo">
[left]Biographie[/left]
</div><div class="BoiteInfo2">Elle est la filles héritière de riches propriétaires d'un port d'importation de marchandises de toute sorte. Elle a toujours grandi à l'abri de tout, enfermée dans une villa dont elle ne verrait jamais les murs. Surprotégée, éloignée des foules et des écoles, loin de l'extérieur, les seules fois où elle se sentais libre, c'était lors de ses promenades dans le jardin gigantesque de la propriété.
Bien que son enfance fut loin d'être difficile, elle n'était jamais vraiment heureuse, enfermée dans un tas de cailloux. En apprenant son handicape, son père l'avait totalement délaissée, perdant tout espoir en un héritier de sang et préférant se réfugier dans son travail. Sa mère quant à elle tenait tout particulièrement à son éducation, qu'elle connaisse les règles de bienséances, mais aussi la politesse. Les femmes de ménages, sous ses ordres, passaient énormément de temps à la coiffer, la maquiller et à embellir ce corps qu'elle ne verrai jamais de ses propres yeux. Durant toute son enfance, elle a pu apprendre à lire et écrire grâce au braille et a donc pu accéder à de nombreux livres de connaissances et d'histoire que sa mère avait demandé de traduire pour elle. Hélas, suite à une crise cardiaque foudroyante, sa mère mourut. Yusue pleura de longues heures, implorant le ciel de lui rendre sa mère, en vain. La seule personne aux yeux de qui elle comptait venait de disparaitre à jamais.

<span class="Minititrepred">Autre</span> : Elle possède des sens plus développés, mais ce ne sont pas des pouvoirs (par exemple, elle à une ouïe qui lui permet d'entendre plus loin, mais pas à des kilomètres non plus)
</div>

<div class="TitreBoiteInfo">
[left]Liens entre personnages[/left]
</div><div class="BoiteInfo3">Pour l'instant, elle ne sait pas trop quoi penser de ce jeune homme : certes il a été mis à son service pour l'assister dans ses tâche quotidiennes et l'accompagner lors de ses déplacements, mais il ne semble pas très ravi de ce travail. Peut être leur relation s'améliorera-t-elle avec le temps ?
</div>

</fieldset>
<div style="font-size:9px; text-align: right; padding-right: 50px">© Azylis / Meï Liàn de [url=http://templactif.forumgratuit.org/]Templactif[/url]</div>
</div>
</center>

CSS :
Code:
/* Prédéfinis Proposés 2*/
 .GBoitePrédef{
 width:740px;
       overflow:hidden;
 border: 1px solid #000000;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
   background-color: #e3e3e3;
 color: #060e11;
 font-family: georgia;
 font-size: 14px;
 box-shadow: 0px 0px 10px #000000;
 }

 .BoiteVava{
        Float: left;
        margin-left: 20px;
     margin-top: -11px;
        width : 200px;
   height : 270px;
        Overflow: Hidden;    
   Border-radius: 20px;
        -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
        }

 .BoiteInfo1{
   Float: right;
   margin-top: -30px;
        margin-right: 20px;
 width: 400px;
   height : 250px;
        padding: 10px;
       border:1px dashed #060e11;
     text-align:left;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #db7e33;
 font-family: georgia;
 font-size: 14px;
   Overflow: Hidden;
 }
        

.clear{
        clear: both;
        }


 .TitreBoiteInfo{
 font: 18px georgia;
  text-shadow: -2px -2px 3px #6f6f6f;
  padding-left: 40px;
 }

 .BoiteInfo2{
 width:640px;
        padding: 10px;
       border:1px dashed #060e11;
     text-align:left;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #db7e33;
 font-family: georgia;
 font-size: 14px;
 }

 .Minititrepred{
 color: #7b5473;
   font : bold italic 14px georgia; /* font : font-weight font-style font-size font-variant font-family.*/
        text-shadow: -2px -2px 2px #babdc2;
 }

 .BoiteInfo3{
 width:640px;
        padding: 10px;
       border:1px dashed #060e11;
     text-align:left;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #db7e33;
 font-family: georgia;
 font-size: 14px;
 }


Au cas où, voici la lien de mon forum d'essai : http://valhalla-test.lebonforum.com/t16-predefinis#28

Merci d'avance ! ^^


Dernière édition par Azylis le Dim 1 Juin 2014 - 23:40, édité 1 fois

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remonter une image grâce au margin

Message par Scoubifitz le Dim 1 Juin 2014 - 22:53

bonsoir,

il y a 2 .BoiteVava dans le CSS

supprimez le 1er , et dans le 2e , supprimez :
Code:
    margin-top: 70px;


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remonter une image grâce au margin

Message par Azylis le Dim 1 Juin 2014 - 23:07

Merci de votre réponse !

Le soucis, c'est que je ne vois qu'un seul .BoiteVava, celui qui est entre les lignes 16 et 26, et qui contient :

Code:
.BoiteVava{
        Float: left;
        margin-left: 20px;
     margin-top: -11px;
        width : 200px;
   height : 270px;
        Overflow: Hidden;    
   Border-radius: 20px;
        -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
        }

Juste avant il y a .GBoitePrédef (lignes 2 à 14) et juste après .BoiteInfo1 (lignes 28 à 44)... Ai-je loupé quelque chose ? C'est bien dans la partie CSS que je dois chercher ?

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Remonter une image grâce au margin

Message par Scoubifitz le Dim 1 Juin 2014 - 23:26

Dans le CSS de votre forum test , il y a .BoiteVava vers la ligne 660 (celle que vous montrez) et vers la ligne 1160 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Remonter une image grâce au margin

Message par Azylis le Dim 1 Juin 2014 - 23:39

Ah !!! Je l'avais complètement oublié lui ! En effet, ça ne pouvait pas marcher, et je pouvais toujours tripoter le code que j'ai présenté, ça ne risquait pas de changer grand chose. Merci beaucoup ! C'était une faute bête d'oublie, comme je m'en doutait, mais j’aurais été incapable de la retrouver toute seule ^^"

Merci beaucoup en tout cas, mon problème est résolu ^^

Bonne nuit !

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis 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