[HTML - CSS] Float: right; qui "merde" [Résolu/Fermé]

Signaler
Messages postés
109
Date d'inscription
samedi 3 mai 2014
Statut
Membre
Dernière intervention
17 mars 2017
-
Messages postés
109
Date d'inscription
samedi 3 mai 2014
Statut
Membre
Dernière intervention
17 mars 2017
-
Bonjour,
je suis actuellement en train de créer un site web HYPER basique pour ensuite le modifier à ma guise et ajouter plein de fonctionnalité , seulement j'ai un petit soucis , j'ai créer une barre en haut de ma page qui est fixé , je vous montre par une petite photo :)


Voila , on remarque le titre , la navigation et ensuite l'emblème , sauf que l'emblème doit se trouver toujours à droit de l'écran ! Pour faire ca j'ai ajouter ceci
<img src="emblem.png" class="emblem">
dans mon html et dans mon css :
.emblem{
width: 77px;
height: 77px;
vertical-align: middle;
float: right;
}


Sauf que voila ce que sa donne quand j'ajoute mon float:right;


Pas du tout normal toute ma barre de navigation remonte et l'image se colle a la navigation je sais pas ce que j'ai pu faire le laisse mon code HTML , css :)

 <body>

<div class="logo">
<div class="txt">QUAD  DUTCH  CLAN
<ul>

<a href="#">HOME</a>
<a href="#">SHOP</a>
<a href="#">FORUM</a>
<a href="#">SERVER</a>
<a href="#">PLATOON</a>
<img src="emblem.png" class="emblem">
</ul>

</div>
</div>


.logo {
Background-color: #080c0f;
width: 100%;
height: 77px;
}

.txt {
color: #FFF;
font-family: "Bebas";
font-size: 50px;
padding-left: 10px;
}

html, body {
margin:0;
padding:0;
}

.logo ul {
margin: 0;
font-size: 30px;
vertical-align: middle;
display: inline-block;
padding-left: 10px;
text-shadow: 0 0 13px rgba(8, 62, 93, 0.75);
}

.emblem{
width: 77px;
height: 77px;
vertical-align: middle;
float: right;
}

.logo ul a {
text-decoration: none;
color: #FFF;
padding-left:10px;
}


Je tiens a préciser que je reprend le HTML et CSS après plusieurs années de flemme intersidéral et je peut commettre des fautes énormes ou que mon code soit nul à chier mais je le fais pour le plaisir et surtout pour apprendre !

Merci à ceux qui m'aideront :)

1 réponse

Messages postés
109
Date d'inscription
samedi 3 mai 2014
Statut
Membre
Dernière intervention
17 mars 2017
5
J'ai chercher pendant des heures en me disant que c'est pas possible je me trompe quelques part ..
 <div class="txt">QUAD  DUTCH  CLAN
<ul>

<a href="#">HOME</a>
<a href="#">SHOP</a>
<a href="#">FORUM</a>
<a href="#">SERVER</a>
<a href="#">PLATOON</a>
<img src="emblem.png" class="emblem">
</ul>

</div>


Effectivement mon image est dans ma liste avec la navigation , bon je vais me pendre , salut ! xD Désoler du sujet qui sert à rien du coup :(