Le thème par défaut est disponible en temps que thème sombre (Dark).

NOTE: Ce thème est une version BETA, des modifications seront apportées au fil du temps.

Aller au contenu

Cloudfordream
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions d'utilisation !
Fade

 aide Décoler le bloc rouge

Messages recommandés

Bonjour,

 

Problème rencontré:

Bonjour j'aimerai avoir une aide concernant mon bloc rouge, je n'arrive pas a le décoler du bloc bleu .. merci

 

Screens:

image.thumb.png.ef1a0cc0e8762dd4d994e215a6e4d02b.png

 

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites
Top Dev's

Sent ton code ça vas être dure.

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 1 minute, Florian-MH a dit :

Sent ton code ça vas être dure.

Ok attend 

Code CSS 

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,500,900');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');


/* bleu #15507c */

body {
  background: #15507c;
}
/* style titre */
#p {
  color: #fff;
  text-align: center;
  font-family: 'Roboto';
  text-transform: uppercase;
}

/* box palmares */
.box_palmares {
  background: #0e3955;
  height: 500px;
  width: 800px;
  margin-left: 550px;
}

/* color bg #0c3a65 */
.box_avatar {
  background: red;
  width: 50px;
  margin-left: 20px;
  margin-top: 100px;
}

Code HTML : 

<!DOCTYPE html>
<html lang="fr" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title> HabbEvent - Palmarès </title>
    <link rel="stylesheet" href="css/style.css">

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

  </head>
  <body>

    <h1 id="p">PALMARES</h1>
    <p id="p">Voici le palmares de HabbEvent</p>
    <div class="box_palmares">
      <div class="box_avatar">
        <img src="https://img.lght.pics/26pP.png" alt="avatar" width="50">
      </div>
    </div>

  </body>
</html>

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Resp modo

Salut,

 

Suffit que tu look sur internet les marges en css 

Partager ce message


Lien à poster
Partager sur d’autres sites
à l’instant, Calypso a dit :

Salut,

 

Suffit que tu look sur internet les marges en css 

je vais aller faire un tour, merci.

 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium

margin-bottom est ton ami

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium

margin-top: 20px;

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 1 heure, Scorpio a dit :

margin-bottom est ton ami

sa ne marche pas j'ai déjà tester

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Admin
    Salut Fade ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

Salut,

Pourquoi tu met tous simplement pas <br> en dessus de 

        <img src="https://img.lght.pics/26pP.png" alt="avatar" width="50">

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

Essaye avec un padding

Partager ce message


Lien à poster
Partager sur d’autres sites
Donateur

Salut,

 

Je te propose d'essayer une position absolute, et de jouer ensuite avec les marges redit moi.

 

Cordialement,

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut ! Message un peu tardif, désolé ^^ Il te suffit de donner une position: relative; à ta boîte, et ensuite de jouer avec la fonction top, tu peux mettre par exemple top: 15px; qui le descendra de 15px, tu peux aussi lui ajouter un margin-top: 15px;

 

 

- Synxgz

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
Vous postez un commentaire en tant qu’invité. Si vous avez un compte, merci de vous connecter.
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


Bienvenue invité !

Inscrit-toi ou connecte-toi pour une navigation sans restriction.

×