[Résolu][CSS] Positionnement de blocs

Note de cette discussion :

Moyenne : 0 (0 vote(s))
1
2
3
4
5

Affichage hiérarchique | Affichage linéaire

[Résolu][CSS] Positionnement de blocs

Auteur Message

Mr-Blonde Hors ligne

Membre

Messages : 24
Inscription : May 2008
Réputation : 0

Message : #1

[Résolu][CSS] Positionnement de blocs

Bonjour à tous !

Tout d'abord je vous soumet cette screen de mon MMORPG :
[Image: hailpemiwi4.png]

Vous pouvez voir dessus 3 modules :
-Dojo : La carte
-Mr-Blonde : Les stats de persos
-Votre Messagerie : La messagerie en construction.

Je voudrais placer le module "Votre Messagerie" sous le module "Mr-Blonde", voici les CSS que j'utilise pour :
-Les Modules Mr-Blonde et Dojo :

Citation :.gauche{
float: left;
border : 1px solid #7297d8;
}

-Le Module Votre Messagerie :

Citation :.messagerie{
float: left;
border : 1px solid #7297d8;
margin-top : 135px
}

Et le code de la page en question :

Code :

<fieldset class="gauche" style="width:{MAP_WIDTH}px;height:{MAP_HEIGHT10}px;">

  <legend><b>{MAP_NAME}</b></legend>

   <div id="global_map">

    <div style="position:relative;left:0px;top:0px;background-image:url({MAP_BACKGROUND});width:{MAP_WIDTH}px;height:{MAP_HEIGHT}px">

     <div id="message"></div>

     <div id="map_loader">

      <div id="map_loading" style="width:{MAP_WIDTH}px;height:{MAP_HEIGHT}px;"><br /><i>{L_MAP_LOADING}</i></div>

     </div>

     <div id="lower_bloc"></div>

     <div id="upper_bloc"></div>

     <div id="event_bloc"></div>

     <div id="player_bloc"></div>

     <div id="action_bloc"></div>

     <div id="action_bloc_cursor"></div>

    </div>

   </div>

   </fieldset>

   <fieldset class="gauche" style="height:105px">

   <legend><b>{USER_NAME}</b></legend>

    <div style="width:{CHAR_WIDTH}px;height:{CHAR_HEIGHT}px;background-image:url(images/charasets/{CHARASET})"></div>

   <br>{L_HAD_MONEY} <b>{MONEY}</b> {L_SORT_MONEY}

   </fieldset>

 <fieldset class="messagerie">

   <legend><b>{L_PAGE_MESS}</b></legend>

    <div style="width:{CHAR_WIDTH}px;height:{CHAR_HEIGHT}px;background-image:url(images/charasets/{CHARASET})"></div>

   <br>{L_HAD_MONEY} <b>{MONEY}</b> {L_SORT_MONEY}

   </fieldset>

Je tiens à préciser que tout ça doit être programmé comme un gros sale pour la simple et bonne raison que je suis novice

J'ai essayé tout pleins de systèmes (comme programmer comme un gros sale) mais je n'arrive pas au résultat recherché !

Merci d'avance et bonne fin de journée !

(Ce message a été modifié le : 09-09-2008 01:36 AM par Sephi-Chan.)

06-08-2008 07:19 PM

Psykose Hors ligne

Membre

Messages : 118
Inscription : Jan 2008
Réputation : 1

Message : #2

RE: [CSS]Placement de modules.

Solution #1 : Pour le div dont le nom est MrBlonde sur la screen (la flemme de chercher son nom en css

) appliques la propriété display : block; et si il a un float enleve le lui.

Solution #2 : Crée un fieldset global pour gauche puis crée un div de la largeur de ton fieldset et met le div ou il y a marqué Mr Blonde dedans.

(Ce message a été modifié le : 06-08-2008 08:33 PM par Psykose.)

06-08-2008 08:31 PM

Shakkah Hors ligne

Membre

Messages : 83
Inscription : Mar 2008
Réputation : 1

Message : #3

RE: [CSS]Placement de modules.

Le plus simple tu fais une div globale contenant les stats du perso et la messagerie.

En gros 2 div principale , puis la div de gauche rediviser en 2.

06-08-2008 09:46 PM

zneman Hors ligne

Membre

Messages : 495
Inscription : Sep 2006
Réputation : 1

Message : #4

RE: [CSS]Placement de modules.

Shakkah a écrit :Le plus simple tu fais une div globale contenant les stats du perso et la messagerie.

En gros 2 div principale , puis la div de gauche rediviser en 2.

Idem, ça ne tiendrais qu'à moi, je ferrais un div contenant tout

Magus World (http://themagusworld.com).
Version 3.00 || 4500 membres inscrits || V4 en cours de programmation
Jeu médiéval de gestion et de stratégie en ligne.
Nous recherchons un ou plusieurs graphistes.
Lien pour le message de recrutement et présentation du projet: ici

06-09-2008 03:40 PM

Psykose Hors ligne

Membre

Messages : 118
Inscription : Jan 2008
Réputation : 1

Message : #5

RE: [CSS]Placement de modules.

Si ça ne tenait qu'a moi je n'aurais même pas fais de fieldset

06-09-2008 10:57 PM

Mr-Blonde Hors ligne

Membre

Messages : 24
Inscription : May 2008
Réputation : 0

Message : #6

RE: [CSS]Placement de modules.

Merci Shakkah ça marche parfaitement

J'avais pas trouvé la solution, faut dire que je suis pas super débrouillard en CSS

06-10-2008 07:17 PM

« Discussion précédente | Discussion suivante »