Message d'accueil: positionnement des blocs

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

Résolu Message d'accueil: positionnement des blocs

Message par Muñeko le Mar 3 Juil 2012 - 19:58

Bonjour, bonjour!

Je pense que la question n'a pas été posée, mais on ne sait jamais: c'est peut-être juste une erreur de mots-clef de ma part (et dans ce cas, désolée...).

Donc, voici le problème: dans mon message d'accueil, j'essaie de positionner des blocs par-dessus une image, mais au lieu de prendre pour origine le coin haut-gauche du premier bloc pour origine, ils prennent celui de l'écran.

En rouge les éléments en vadrouille, en vert, là où ils devraient se décider à venir:


Je suis administratrice non-fondatrice sur phpBB3, aucun template n'a été modifié mais j'ai dû bricoler et tâtonner avec le CSS avec quoi j'ai un peu improvisé pour faire disparaître le fond du message d'accueil (c'est peut-être la raison de cette dispersion, mais la hauteur du message est restée inchangée).

Adresse du forum.

J'utilise Firefox, Chrome et Opéra.

En espérant avoir été assez précise, merci d'avance pour votre aide. :-)

Muñeko
Nouveau membre

Messages : 4
Inscrit(e) le : 01/07/2012

http://fevlia-v3.forumactif.com
Muñeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par XxSven le Mar 3 Juil 2012 - 20:27

C'est possible de voir le code que tu as utilisé pour mettre l'image par dessus s'il te plait :p ?

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par Muñeko le Mar 3 Juil 2012 - 22:04

Voici!

Code:
.accueil
{
  font-family: Georgia;
  color: #000000;
  margin: -20px;
  width: 1000px;
  height: 800px;
  background-image:url(http://img707.imageshack.us/img707/6548/texture1i.jpg) !important;
   background-position:0 0 100%;
   background-repeat:no-repeat;
   background-attachment:fixed;
  z-index: 1;
}

Muñeko
Nouveau membre

Messages : 4
Inscrit(e) le : 01/07/2012

http://fevlia-v3.forumactif.com
Muñeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par XxSven le Mar 3 Juil 2012 - 22:21

Mais si j'ai bien compris le code tu as mis le texte avec .accueil comme class?
Il ne faut pas plutôt donner le nom de class de ta div qui contient le texte pour le modifier?

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par Muñeko le Mar 3 Juil 2012 - 22:52

Non, j'ai mis d'autres balises à l'intérieur de "accueil", voilà le CSS:
Code:
.contexte
{
  width: 240px;
  height: 270px;
  position: absolute;
  left: 10px;
  top: 90px;
  overflow: auto;
}

.staff
{
  width: 190px;
  height: 130px;
  position: absolute;
  left: 600px;
  top: 235px;
  overflow: auto;
}

Muñeko
Nouveau membre

Messages : 4
Inscrit(e) le : 01/07/2012

http://fevlia-v3.forumactif.com
Muñeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par XxSven le Mer 4 Juil 2012 - 2:04

La positionnement absolute se référence toujours à la page et non au block dans lequel il est.
Utilise plutôt

Code:
position: relative;
left: 10px;
top: 90px;

Pour le placer 10px à droite et 90px plus bas de sa position d'origine.

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil: positionnement des blocs

Message par Muñeko le Mer 4 Juil 2012 - 12:18

Ah, merci! ^^ Je tâtonnerai moins!

Muñeko
Nouveau membre

Messages : 4
Inscrit(e) le : 01/07/2012

http://fevlia-v3.forumactif.com
Muñeko 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