Organiser facilement une page.
flo39400
Messages postés
659
Statut
Membre
-
sebastien -
sebastien -
Bonjour,
J'aimerai pouvoir disposer mes éléments comme bon me semble mais cela n'est pas comme je voudrais que cela sois.
Voici un petit schéma:
Ce qui est afficher:
Comment faire niveau code HTML5 pour bien organiser tous cela et suivant la taille de l’écran du visiteur ?
Et la mise en place du code CSS3.
Merci d'avance.
J'aimerai pouvoir disposer mes éléments comme bon me semble mais cela n'est pas comme je voudrais que cela sois.
Voici un petit schéma:
Ce qui est afficher:
Comment faire niveau code HTML5 pour bien organiser tous cela et suivant la taille de l’écran du visiteur ?
Et la mise en place du code CSS3.
Merci d'avance.
A voir également:
- Organiser facilement une page.
- Supprimer une page word - Guide
- Imprimer tableau excel sur une page - Guide
- Créer une page facebook - Guide
- Comment traduire une page internet - Guide
- Page d'accueil - Guide
2 réponses
Tu peux utiliser l'attribut float
pour ton exemple de ce que tu veux
le premier tu touches pas et tu peux faire ainsi par exemple
CE NE SONT QUE DES EXEMPLES
Pour les trois div cote à cote tu peux faire ainsi
pour ton exemple de ce que tu veux
le premier tu touches pas et tu peux faire ainsi par exemple
CE NE SONT QUE DES EXEMPLES
<div width="100%"><!-- Ceci donne à la div 100% de largeur--> <p> ton texte </p> ou <a href="tes liens>et le nom ici</a>
Pour les trois div cote à cote tu peux faire ainsi
<div widht="10%" style="float:left;margin-right:5%"> <div> ton contenu</div></div><!-- premiere div elle dégage un espace à droite avec une marge à droite de 5%--> <div width="40%" style="float:left;margin:5%"> <div> ton contenu</div></div> <!-- tu l'auras compris j'adapte la largeur en fontion de ce que je veux --> <div width="20%" > <div> ton contenu</div> N'oublie pas d'utiliser la propriété clear:both si tu met un truc en dessous exemple <p style="clear:both"> Ce texte ne flottera plus</p>
Bonjour,
Le plus simple si tu veux faire du "responsive" (c.a.d compatible avec toutes les tailles d'écran...) c'est d'utiliser un framework CSS comme BootStrap par exemple.
https://getbootstrap.com/getting-started/
Le plus simple si tu veux faire du "responsive" (c.a.d compatible avec toutes les tailles d'écran...) c'est d'utiliser un framework CSS comme BootStrap par exemple.
https://getbootstrap.com/getting-started/
tu peux copier les codes ils sont avec des balises commentaires
Second truc vérifie l'orthographe sinon cela ne fait pas sérieux
et en bonus
<footer style="margin-botton:0px"><!-- Ce footer restera coller en bas de page pour le mettre dans le css tu dois apeller une page comme ceci--> <link rel="stylesheet" type="text/css" href="le nom de la page.css"> <!-- toujours enregistrer dans un .CSS--> <!-- Le style ce note comme ceci ---> footer{ margin-bottom:0px} <!-- si plusieurs valeurs ainsi--> footer {margin-bottom:0px; background-color:#fefefe}et pour le code du haut j'ai commis une erreur .....
Cette ligne
doit devenir ceci