CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[HTML5/CSS3] Problème de mise en page...

[vK0Nv]
[vK0Nv]
Niveau 7
17 janvier 2012 à 04:31:52

Bonjour :-)

Alors voila, j'ai un petit problème. :rouge:

Je suis en train d'apprendre les langages webs HTML5 et CSS3, pour faciliter mon apprentissage j'ai mis une sorte "d'ébauche" en ligne. :)
http://vk0nv.alwaysdata.net/index.html (No-pub, y'a rien sur mon site, juste un peu de texte).

Mais alors voilà, pour en venir à la mise en page, j'essai de la former avec les balises suivantes:

<header>
<nav>
<section>
<aside>
<article>
<footer>

Afin de donner un truc comme ça:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TITRE DANS L'ONGLET</title>
</head>

<body>
<header>
<h1>TITRE EN h1</h1>
<h2>TITRE EN h2</h2>
</header>

<nav>
<ul>
<li><a href="#">LIEN VERS PAGE 1</a></li>
<li><a href="#">LIEN VERS PAGE 2</a></li>
<li><a href="#">LIEN VERS PAGE 3</a></li>
</ul>
</nav>

<section>
<aside>
<h1>TITRE</h1>
<p>TEXTE</p>
</aside>
<article>
<p>TEXTE</p>
</article>
</section>

<footer>
<p>TEXTE DANS LE FOOTER<br />
<a href="ADRESSE X">LIEN POUR CONTACTER</a></p>
</footer>

</body>
</html>

Mais le problème, si que si je rentre ça, touts les "blocs" (ou boites je sais pas trop). Se ramassent à gauche dans la marge verte, et même en ajoutant:

width: 15%;
border: 3px white solid;
margin: auto;
padding: 5px;

dans la balise du fichier .css associée à une des boite...

Ça change rien, alors que ça devrais les centrer :(

Bref, merci de m'éclairer :merci:

[vK0Nv]
[vK0Nv]
Niveau 7
17 janvier 2012 à 04:37:52

Et aussi, je sais que mon site est moche, mais je suis:

De un: Bloqué dans le HTML.

De deux: Mon code il est pas très net :hap:

De trois: Pas très fin sur l'esthétique :hap:

[vK0Nv]
[vK0Nv]
Niveau 7
17 janvier 2012 à 05:00:19

Bloqué dans le CSS*

Désolé du triple post :-(

[vK0Nv]
[vK0Nv]
Niveau 7
17 janvier 2012 à 05:41:13

Quadruple post :honte:

En tentant de corriger, j'ai merdé :-(

Je vais me débrouiller, je vais revoir mes notes :)

Libre à vous de Locker :ok:

FREElNDAPLACE
FREElNDAPLACE
Niveau 4
18 janvier 2012 à 11:24:49

:doute:

Lien 404 et je n'ai pas du tout saisi ton problème :doute:

[vK0Nv]
[vK0Nv]
Niveau 7
19 janvier 2012 à 01:39:42

clement-92i :d) Non mais ma page index à buggé, donc je l'ai supprimé et je code avec une page sous un qutre nom, d'ailleurs, pourquoi tu poste ça :doute: ?

korpikvodka
korpikvodka
Niveau 10
20 janvier 2012 à 23:01:39

Hello,
tu ne peut pas créer de balises en html, en revanche tu peut utiliser des blocs div dans lesquels tu pourras faire correspondre du css.
A mon avis, ça ne marche pas parce que ça ne reconnait pas tes balises.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment