Sujet Précédent Sujet Suivant

[HTML - CSS] Float: right; qui "merde"

Résolu/Fermé
Legrandfifou Messages postés 109 Date d'inscription samedi 3 mai 2014 Statut Membre Dernière intervention 17 mars 2017 - 10 mai 2015 à 19:12
Legrandfifou Messages postés 109 Date d'inscription samedi 3 mai 2014 Statut Membre Dernière intervention 17 mars 2017 - 10 mai 2015 à 19:18
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 :)
A voir également:

1 réponse

Réponse 1 / 1
Legrandfifou Messages postés 109 Date d'inscription samedi 3 mai 2014 Statut Membre Dernière intervention 17 mars 2017 5
Modifié par Legrandfifou le 10/05/2015 à 19:18
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 :(
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Espace HTML
guilhem_mdg -
hodor -

10 réponses