8710 sujets

Développement web côté serveur, CMS

je voudrai cree ce de bas de page :
http://www.mediafire.com/view/fx4uz773s96vcrb/l1%282%29.png
(faite copier coller le lien)
Image du bas de menu que je veut faire
mais la je suis coince pouvez vous m'aider s'il vous plait
voici mon code pour l'instant
en html:
<footer>
                <div class="f1" alt="formulaire1-1">
                    <p class="loc">Localisation</p>
                    &nbsp;
                    <p class="police-general" id="1" >Tel: xxxxxxxxxx</p>
                    <p class="police-general" id="2">Email: xxxxxxx@xxxxx.xxx</p>
                </div>
                <div alt="formulaire1-2" class="f1-2">
                    <p class="police-general" style="display:inline;"  >8 avenue de la baule</p>
                    <p class="police-general" style="display:inline;"  >LA BAULE</p>
                </div>
                <div class="f2" alt="formulaire2">
                    <p class=>Gardons contact</p>
                    <p class="police-general"> Email *</p>
                </div>
                <div alt="formulaire 2-2" class="f2-2">
                    <p class="police-general" >Message</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
             
            </div>
        </footer>

en css

.loc{
    font-family: 'Montserrat',sans-serif;
    font-size: 30px;
    margin-bottom: 0px;
    color: white;
    
}

.con{
    font-family: 'Montserrat',sans-serif;
    font-size: 30px;
    color: white;
}

#formulaire{
    border: 3px solid #505050;
    display: inline;
}
.police-general{
    font-family: 'Montserrat',sans-serif;
    font-size: 15px;
    color: white;
}
.r1{
    margin: 30px 15px 10px;
}

.f1 {
    position: absolute;
    left: 670px;
    float:left;
    width:50%;
}
.f1-2{
    top: -50;
    margin-left: 920px;
}

.f2{
    position: absolute;
    right: 600px;
    bottom: 100px;
    display: block;
}

.f2-2{
    margin-left: 70%;
    bottom: 80px;
}

Si vous pourriez m'aider ca serait cool
Merci d'avance de votre reponse
Modifié par ax240 (06 May 2018 - 19:36)
C'est bon j'ai remis un lien meilleur. vous avez juste a cliquer sur le lien et meme pas besoin de le telecharger ca s'affiche directement en vue d'image
Et merci pour l'aide que vous m'apporter Smiley ravi Smiley smile