28172 sujets

CSS et mise en forme, CSS3

[Résolu] Lien hors cadre

Bonjour à tous

J'ai résolu une bonne part de mes pb avec votre aide
je cherche maintenant à comprendre pourquoi le lien "En savoir plus et le bouton OK " du code ci dessous, sortent du cadre par le bas

Merci


<!-- Div mention légale cookie -->
{# Styles #}

<style>
    #block_mention_legale_cookies{
        background-color: #E9E9E9;
        opacity: 1;
        z-index: 100;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        text-align: center;
    }
    #block_mention_legale_cookies_text{
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

</style>
{# Contents #}
<div class="mention_legale" id="block_mention_legale_cookies">
    <div id="block_mention_legale_cookies_text">
        <p>
            Attention : En poursuivant votre navigation sur ce site, 
            vous acceptez l’utilisation de Cookies qui nous permettent notamment de mesurer l’audience de notre site 
            et de vous proposer des contenus, services et publicités adaptés à vos centres d’intérêt. 
        </p>
     </div>
    <div class="inline" style="float: right">
        <a href="{{path('static', {page:'charte-de-confidentialite'})}}"> En savoir plus </a>
        &nbsp;&nbsp;
        <button class="btn btn-sm btn-success" id="btn-close-allow-cookies" >Ok</button>
  
 </div>
</div>
La div contenant "En savoir plus et le bouton OK" (class="inline") est flottante, mais rien n'indique de revenir dans le flux, il suffit d'ajouter : <div style="clear:right;"></div> après la div "inline" et tout rentre dans l'ordre.
Parce que c'est quand même pas un élément flottant qui va nous gâcher la soirée du Beaujolais Nouveau!
MERCI!!!

C'était hier le beaujolpif

là je vais aller faire du bruit à 9h20

remarque...

Si en plus il y a du Beaujolais...

faut voir !

Merci encore.
Sujet clos
Aller à