Yo
J'essaye de faire une page simple en HTML mais la police d'écriture et la taille des caractères ne changent pas dans mon titre..
http://pastebin.com/m5La7yqy
ça reste tout petit et en police par défaut comme ça
http://prntscr.com/78f6nf

Ca doit dépendre du navigateur et des polices par défauts présentes je pense.

Perso, chez moi, la taille du texte change.

Par contre, ta dive est mal fermée en dessous de tes 3 boutons + t'as mis 3 fois le même id pour tes boutons, ce qui n'est pas correct.

tes polices sont bien dans le même dossier que ton fichier css ?
Sinon le plus simple si tu as un navigateur décent (chrome/firefox) c'est de clic droit sur ton titre -> inspecter l'élément. Ensuite tu vois directement tout le css attribué à ton titre et tu peut modifier en live pour voir la taille qui te convient.

D'acc, ça marche, j'ai changé en class pour les Id Scans, et j'ai refermé la Div,reboot wamp, ça a marché
Sinon quelqu'un aurait un tuto sous la main pour donner vie à des maquettes de sites web ? Car je gère photoshop et ça serait plus izi

Et j'aimerais avoir une barre blanche très fine sur mon background centrée sur les boutons (je vais les changer pour que ce soit des cases blanches) Attendez je fais un toshop pour montrer à quoi ça doit ressembler

tu fais une div avec width 100% height ~25-30px color white, tu positionnes et oublie pas de z-index 1
et tu met tes boutons en z-index 100 pour qu'ils soient "au dessus" de ta barre

C'est "Accueil" ^^

http://pastebin.com/sHKQxrZh
J'ai ça et Nope, ça marche pas, tu sais m'aider ? avec les boutons et la barre blanche :p (positionnement et taille des boutons + création de la barre blanche)

Le 23 mai 2015 à 17:17:57 pierre135b a écrit :
http://pastebin.com/sHKQxrZh
J'ai ça et Nope, ça marche pas, tu sais m'aider ? avec les boutons et la barre blanche :p (positionnement et taille des boutons + création de la barre blanche)

Screen?

http://prntscr.com/78h1jm

Sur le titre, du mets un border-bottom: 4px solid white; par exemple, et tu place le menu en relative.

C'est déja fait..

J'ai tenté avec les svg
http://prntscr.com/78hohu
<div class="btn-group-justified"> <button type="button" class="acceuil-boutons" >Accueil</button> <button type="button" class="acceuil-boutons" >Créations</button> <button type="button" class="acceuil-boutons" >Contact</button> <svg width=100% height=50px> <rect width=100% height=8px style="fill:white;position:absolute;vertical-align:center;z-index=-1;" /> </svg> </div>
Par contre positionnement foiré

Faudrait m'aider pour le positionnement

Réglé avec du Javascript (JQuery)
<script> //Get var p = $("#ex_btn_first"); var offset = p.offset(); var marge = p.outerHeight(); var final = offset.top+(marge/3); var svg = $("#svg"); var off_b = svg.offset(); //set $("#svg").offset({ top:final, left: off_b.left}) $("#svg").css("z-index",-50); console.log("Marge "+marge); console.log("Positioned at " + final + ";;" + offset.left + ";;"); </script>

(Je suis nouveau au JS si y'a des améliorations à faire je suis tout ouie)

http://pastebin.com/zKJYAvBG