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

[help] positionnement de texte

jons99
jons99
Niveau 6
19 octobre 2014 à 15:01:23

salut a vous

alors voila j'ai un petit code html et j'ai mis des bouton sur la gauche et je vient de faire un texte mais problème il est soit tout en bas soit tout en haut de mes images boutons j'ai besoin de vous pour réussir a le mettre justement au milieu de l'axe verticale

<html>

<head>
<title>page d'acceuil</title>

<body BACKGROUND=".\photo\fond1.jpg" leftmargin="0">
<center>
  
<img src=".\photo\photologo.png">
</center>
<br>
<br>
<br>
<br>
      
Mis a jour le 17/10/2014

<p>
<br>

<a href="index2.html"><img src=".\photo\imgetp1.png" border="0" width="260" height="93" alt="etape1"></a>
<br>
<a href="index3.html"><img src=".\photo\imgpetp2.png" border="0" width="260" height="93" alt="etape2"></a>
<br>
<a href="index4.html"><img src=".\photo\imgpetp3.png" border="0" width="260" height="93" alt="etape3"></a>
<br>
<a href="index5.html"><img src=".\photo\imgpetp4.png" border="0" width="260" height="93" alt="etape4"></a>
<br>
<a href="index6.html"><img src=".\photo\imgpetp5.png" border="0" width="260" height="93" alt="etape5"></a>
</p>

<div>
<center><p>Bonjour et bienvenu sur :apprendreamonterunpc.com<br /></center>
vous trouverez sur ce site un tutoriel détaillé
pour vous apprendre a montée un PC (personal compulter) comme un vrai professionnelle
</div>

</body>
</html>

Pseudo supprimé
Pseudo supprimé 19 octobre 2014 à 15:28:13

Pour commencer, sache qu'en HTML5 la balise <center> n'est plus supportée, il faut passer par le CSS et la propriété text-align.

L'utilisation répétée de balises <br/> afin créer de l'espace entre deux éléments n'est pas correcte, il faut passer par le CSS et la propriété margin.

Ta balise <head> n'est pas fermée.

La propriété background dans une balise <body> n'est pas supportée par l'HTML5.

Ton utilisation de la balise <u> est incorrecte, son utilisation en HTML5 est limitée à des cas bien spécifiques. Tu dois passer par le CSS et la propriété text-decoration si tu souhaites un texte souligné.

Un chemin, vers une image ou autre, se note avec des "/" et pas avec des "\".

Il existe de nombreux tutoriels sur l'HTML5 et le CSS3, que je t'invite à aller consulter. Ton problème peut être résolu avec le CSS. Tu devrais apprendre les bases de ces deux langages avant d'essayer quoi que ce soit.

Guklam
Guklam
Niveau 10
19 octobre 2014 à 15:32:05

"L'utilisation répétée de balises <br/> afin créer de l'espace entre deux éléments n'est pas correcte, il faut passer par le CSS et la propriété margin."

J'aurais plus dit display:inline-block; ou display:block. :noel:

Pseudo supprimé
Pseudo supprimé 19 octobre 2014 à 15:34:13

Ah ouais c'est une image, en effet :hap:
Et un peu de "margin" pour régler tout ça.

Guklam
Guklam
Niveau 10
19 octobre 2014 à 15:43:30

display:inline-block;
margin-left:10px;

problème réglé. :hap:

jons99
jons99
Niveau 6
19 octobre 2014 à 15:48:07

merci pour tout ca mais peut tu me dire plutôt juste pour le texte car je ne veut pas mettre de css c'est pour ca qu'il n'y a pas d'entrée de style ou aucun truc en rapport avec le css

Pseudo supprimé
Pseudo supprimé 19 octobre 2014 à 15:52:52

Le problème c'est que la seule solution, si on ignore le CSS, c'est de passer par un tableau. Mais gérer la mise en page d'un site avec un tableau ça ne se fait plus.

Pourquoi ne pas vouloir de CSS ?
L'HTML et le CSS sont des langages complémentaires, et une fois que l'on touche à la mise en page il faut bien y passer.

jons99
jons99
Niveau 6
19 octobre 2014 à 16:03:39

car enfaîte je suis en 2nd BAC pro sen et on fait du HTML sans leçon et le prof retire des point si y'a du css je pense même qu'il doit ignoré a quoi ça sert il est genre un peu vieux

jons99
jons99
Niveau 6
19 octobre 2014 à 16:09:31

après si il faut mettre du css a tout prit je vais essayer de le refaire et de lui mettre des commentaire pour qu'il sache a quoi sert telle attribut

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