Partage
  • Partager sur Facebook
  • Partager sur Twitter

projet 1 les icones avec les fa

bouton intérieur

    16 juin 2018 à 16:39:15

    Bonjour à celles et ceux qui sont devant leur écran 

    j'ai beau chercher impossible d'avoir le bouton intérieur positionné au bon endroit càd au centre à droite sur le cercle 

    je vous donne mon code pour le premier si quelqu'un peut m'aider ... 

    	<div id="contenuservices">
    		<div class="ordi"> <img src="ordi/main-feature.png" alt="e-mac"/> </div>
    
    		<div class="texteservices">
    
    
    			<div id="ux_design">
    				<div id="ux"> 
    					<i class="fas fa-chart-line">  <i class="fas fa-circle">  </i> </i>
    				</div>
    				<div id="text_ux">
    				<h3> UX design </h3>
    				<p> La connaissance des usages de vos clients nous permettra de développer des sites, des applications, des produits innovants et performants. </p>
    				</div>
    
    			</div>
    #contenuservices 
    {
        display: flex;
    }
    .ordi 
    {
        margin-top: 150px
        margin-left: 50px;
    }
    
    .texteservices
    {
        margin-left: 100px;
    }
    
    #ux_design
    {
        display: flex;
    }
    #ux
    {
        padding-top: 40px;
    }
    
    #text_ux
    {
        padding-left: 40px;
    }
    #ux .fa-circle
     { 
        position: absolute;
        color: #30a2bf;
        
        padding: 8px;
    
        margin-left: 15px;
    
        border: 0px solid;
        border-radius: 50%;
        background-color: #FFFFFF;
        font-size: 12px;
    }
    #ux .fa-chart-line
    {
        position: relative;
        color: #30a2bf;
        padding: 16px;
        border: 2px solid #d3d3d3;
        border-radius: 50%;
        font-size: 1.5em;
    }

    voici ce que j'obtiens ! 

    • Partager sur Facebook
    • Partager sur Twitter
    Régine Djalo

    projet 1 les icones avec les fa

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown