28112 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis allé sur pas mal de forum mais je n'ai pas trouvé de solution adaptée à mon problème.
Je n'arrive pas à mettre une div à droite Smiley hum
Mes CSS :
#imagasiat{
	margin-bottom: auto;
	position: absolute;
  	height: 150px;
 	max-width: 200px;
	float: right !important;
	vertical-align: middle;		background-color: yellow;
  	background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/emoji-smile.png");
	-webkit-transition: -moz-transform .3s ease-out; 
   -moz-transition: -webkit-transform .3s ease-out; 
   -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; 
 }

En mettant un right: 0px, la div disparaît Smiley murf
Je vous donne le HTML :
	  <div id="content">

  <ul id="nav">
    <li><a href="#ancre_1">Ancre #1</a></li>
     <li><a href="#ancre_2">Ancre #2</a></li>
     <li><a href="#ancre_3">Ancre #3</a></li>
     <li><a href="#ancre_4">Ancre #4</a></li>
  </ul>
  <div class="fleche gauche">&#9668;</div>
  <div class="fleche droite">&#9658;</div>
    <div id="slide">
      <div id="ancre_1" class="article">
	
	  <ul id="textasiat" class="niveau1" "textasiat" "animClass">
    <li><a href="#">Ce lien sera</a></li>
     <li><a href="#">Ce lien sera</a></li>
     <li><a href="#">Ce lien sera</a></li>
     <li><a href="#">Ce lien sera</a></li>
	</ul>

  </div>
    <div id="imagasiat" class="niveau2" alt=""></div>

Merci pour votre aide, bon dimanche,
P.