Résolu J'ai du mal à aligner verticalement un h1 par rapport à une div en CSS

Statut
N'est pas ouverte pour d'autres réponses.

Lagger

Responsable des lags
Premium
Inscription
28 Novembre 2011
Messages
1 903
Réactions
581
Points
12 558
RGCoins
50
Bonjour, bonsoir

Alors voilà j'aimerai aligner verticalement un h1 par rapport à ma div mais je comprends pas ça bug...

L7DdtEg.png


HTML:
<header id="header" class="header">
  <div id="logo" class="logo">
    <img src="img/logo1.png" alt="logo">
    <h1>Lagger</h1>
  </div>
</header>


Code:
/*************** HEADER ***************/
#header{
    background: rgba(44, 62, 80,1);
    position: absolute;
    clear: both;
    top: 0;
    right: 0;
    left: 0;
    height: 100px;
    line-height: 100px;
}
#logo img{
    height: 100px;
    position: relative;
    display: inline-block;
}
h1{
    color: rgba(236, 240, 241, 1);
    font-weight: 900;
    font-size: 32px;
    display: inline-block;
}


Merci d'avance :love:
 
Dernière édition:
J'ai édité le titre de ta discussion pour que celle-ci soit plus compréhensible.

A l'avenir essaie de faire des titres plus longs et détaillés, plus le titre est long et détaillé, plus tu obtiendras de vues ainsi que des réponses . :tchuss:
 
J'ai édité le titre de ta discussion pour que celle-ci soit plus compréhensible.

A l'avenir essaie de faire des titres plus longs et détaillés, plus le titre est long et détaillé, plus tu obtiendras de vues ainsi que des réponses . :tchuss:
Merci chef !
 

Je ne pense pas avoir trouver la meilleure des solutions mais je pense que sa peux convenir tout de même ^^
Code css :

#header
{
background: rgba(44, 62, 80,1);
position: absolute;
clear: both;
top: 0;
right: 0;
left: 0;
height: 100px;
line-height: 100px;
}
#logo img
{
height: 100px;
position: relative;
display: inline-block;
}
h1
{
position: absolute;
left: 80px;
top: -20px;
color: rgba(236, 240, 241, 1);
font-weight: 900;
font-size: 32px;
}
 
Je ne pense pas avoir trouver la meilleure des solutions mais je pense que sa peux convenir tout de même ^^
Code css :

#header
{
background: rgba(44, 62, 80,1);
position: absolute;
clear: both;
top: 0;
right: 0;
left: 0;
height: 100px;
line-height: 100px;
}
#logo img
{
height: 100px;
position: relative;
display: inline-block;
}
h1
{
position: absolute;
left: 80px;
top: -20px;
color: rgba(236, 240, 241, 1);
font-weight: 900;
font-size: 32px;
}

Malheureusement ça donne ceci:

7tWQKAi.png


Je pense que ça vient ailleurs dans mon code, si je te le passe en privée tu peux regarder?
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut