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

Résolu

Legrandfifou Messages postés 109 Date d'inscription Statut Membre Dernière intervention -
Legrandfifou Messages postés 109 Date d'inscription Statut Membre Dernière intervention - 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 :)

Afficher la suite

A voir également:

[HTML - CSS] Float: right; qui "merde"
Editeur html - Télécharger - HTML
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
Html download - Télécharger - HTML
/Var/www/html/index.html ✓ - Forum Linux / Unix

1 réponse

Réponse 1 / 1

Legrandfifou Messages postés 109 Date d'inscription Statut Membre Dernière intervention 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 :(

Discussions similaires

Votre réponse

Discussions similaires