Debutant creation d un site par bloc note

patrice -  
 ptinini -
bonjour debutant je tente de creer un site je passe par le bloc note je progresse mais je ne parviens pas a ecrire sur une meme ligne une phrase a gauche et une a droite. celle de droite est toujours en dessous merci d aider un nul ....sourire

24 réponses

  • 1
  • 2
Résumé de la discussion

Problème central : un débutant souhaite écrire sur une même ligne une phrase à gauche et une autre à droite dans Notepad, mais la phrase de droite se retrouve systématiquement sur une nouvelle ligne. Plusieurs conseils préconisent d'aligner deux blocs sur une même ligne en utilisant des éléments inline comme <span> et des classes CSS associant float:left et float:right. D'autres proposent des approches alternatives comme des divs avec des largeurs fixes ou des tableaux, mais les tableaux pour l'alignement pur sont généralement déconseillés et moins flexibles. En complément, des outils comme Notepad++ ou NVU facilitent l'écriture et l'aperçu de la page, et des ressources comme AllHTML ou des exemples de spans aident à progresser.</span>

Bobot (l'IA à votre service)
  1. paupiette Messages postés 43 Statut Membre 10
     
    Salut!

    Ben je peux pas t'aider j'ai exactement le même problème pour mes footnotes :-)

    Je pensais faire ça avec des blocs div, l'un avec un float : left ; et l'autre avec un float : right ; et en imbriquer un dans l'autre...

    Mais le hic c'est que c'est pas possible avec des blocs div puisque le <div> agit comme un paragraphe <p> c'est à dire qu'il revient à la ligne lorsque qu'il commence.

    Donc je ne vois pas comment faire mais je continue à chercher si je trouve je te préviendrais!

    Bye

    paupiette
    2
    1. P@ Messages postés 1137 Date d'inscription   Statut Membre 185
       
      utilise les layers ou refait tes pages avec des tableau.
      Perso je préféres les tableau c'est plus stable
      ca ne bouge pas
      0
    2. patrice > P@ Messages postés 1137 Date d'inscription   Statut Membre
       
      merci c est quoi les layers? desole suis nul tu as bien compris ce que je desire faire ? sur le bloc note je n arrive pas a trouver comment on fait pour mettre un mot a droite et un mot a gauche mais sur la meme ligne merci
      0
    3. P@ Messages postés 1137 Date d'inscription   Statut Membre 185 > patrice
       
      voici pour les layers http://www.allhtml.com/html/html188.php?ret=index.php

      mais franchement si tu veux que ta mise en page fonctionne sans souci de compatibilité entre les navigateurs utilise les tableaux
      0
    4. d
       
      heuu je sais comment tu fais ton truc est après tu mets .SMV
      0
    5. Dylan
       
      SMV t'est un oeuf toi c'est .SVC
      0
  2. @+
     
    Bonjour, j'ai un problème, j'utilise notepad ++ mais je n'arrive pas à voir <h2> dans mes paragraphes. Pouvez-vous m'aider svp?
    2
    1. anonyme
       
      bha je sais pas donc je peux pas t'aider, c'est bête hein?
      0
    2. @+
       
      bha répond pas si tu sais pas
      0
  3. P@ Messages postés 1137 Date d'inscription   Statut Membre 185
     
    allo

    bon petit conseil
    télécharge notepad++ ou pspad c'est plus facile pour lire le code.
    Ce sont des éditeurs de texte comme bloc note, mais pour la programmation.

    Pour tes lignes fait des tableaux 

    <TABLE> <!-- OUVERTURE DU TABLEAU -->
<TR><!-- OUVERTURE D'UNE LIGNE -->
<TD>1er cellule avec ta premiere phrase</TD>
<TD>2er cellule avec ton autre phrase le tout aligner</TD>
</TR><!-- OUVERTURE D'UNE LIGNE -->
</TABLE><!-- FERMETURE DU TABLEAU -->


    bon courage, va sur allhtml pour trouver les propriétés et attribut possible pour chaque balise :D
    http://www.allhtml.com/html/index.php
    1
  4. kony
     
    Je te conseil d'utiliser NotePad++ au lieu de ton bloc note ton code sera plus propre et plus ordonné, ou encore NVU qui te fait apparaitre ta page web en même temps que tu tapes ton code. c'est un gain de temps.

    Après je n'ai pas vraiement compris ton problème, fais un tour sur le siteduzero.com c'est un site très bon pour apprendre à créer son site internet ;)
    1
    1. Incognito
       
      Je te signale que NotePad et Bloc note c'est la meme chose ^^'
      0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. snowflake Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   6
     
    ne JAMAIS alligner des phrase avec des table... fait des case avec des class diferrent genre <div class="gauche"> et <div class="droite"> et indique dans le css float droite ou gauche... exemple .droite{float:right;} donne leur un width genre la case total es de 700px alors divise par 2 et fait 2 case de 350px si tu veu ajouter un padding de 10 px tu retire 20 px et donne 330px width
    1
  7. patrice
     
    coucou p@ et merci j ai essaye en copiant texto ton truc des tableaux rien donne que dois je ecrire a la place de ouverture et fermeture du tableaux etouverture d une ligne??? merci je galere un maximum mais j ai un immense plaisir dans ma demarche merci encore a bientot
    0
  8. P@ Messages postés 1137 Date d'inscription   Statut Membre 185
     
    les truc genre 
    <!-- Blabla -->

    ce sont des commentaires, tu peux les virés c'était pour t'expliquer.

    qu'est ce qui ne vas pas au juste ??
    0
  9. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   609
     
    Salut à tous, 

    <TABLE> <!-- OUVERTURE DU TABLEAU -->
<TR><!-- OUVERTURE D'UNE LIGNE -->
<TD>1er cellule avec ta premiere phrase</TD>
<TD>2er cellule avec ton autre phrase le tout aligner</TD>
</TR><!-- OUVERTURE D'UNE LIGNE -->
</TABLE><!-- FERMETURE DU TABLEAU -->

    <TABLE> <!-- Pour savoir que c'est le tableau tartampion-->

    <TR><!-- ici c'est une ligne et tu peut lui donner un nom--></TR>

    Ces "commentaires" vont te servir pour la suite lorsque tu reprendra le code, ce sera plus facile à suivre pour toi en sachant à quoi correspond ces <TABLE>, <TR> etc.... Les commentaires se mettent toujours entre <!-- et --> (tout ce qui est contenu entre ces balises ne sera pas affiché par les navigateurs car ils sauront qu'il s'agit de commentaires.
    Les TD sont les cellules de ton tableau et tu dois y mettre le texte qui doit etre affiché sur ta page mais sans les <!-- et --> évidement !

    Bon courage !
    0
  10. paupiette Messages postés 43 Statut Membre 10
     
    Bonsoir!

    Pour revenir sur le sujet, je cherche à savoir s'il n'y aurait pas moyen de faire cela autrement.
    En effet agencer sa page avec des tableaux n'est pas "naturel" dans le sens ou la tableaux ne sont faits que pour afficher des tables de données... Enfin c'est du chipotage puisque ça marche très bien mais je suis sûr qu'on peut faire autrement :-)

    Peut-on aligner un bout de ligne à droite et un autre à gauche sur la même ligne sans utiliser de tableaux???

    Merci à tous, bonne soirée!

    Paupiette
    0
  12. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   609
     
    Salut a tous,
    Paupiette: a-tu essayé les floats avec la propriété "span" ?
    span est une portion de texte. Ex: 
    <p><span class="left">mon texte</span> qui est <span class="right">très long</span></p>


    Je sais, c'est du bricologe mais....
    0
  13. paupiette Messages postés 43 Statut Membre 10
     
    Bonjour!

    Oui, les span ont l'air de marcher, c'est ce que je cherchais: des "petits div" pour une personnalisation du texte localement (et pas sur un paragraphe...)

    Merci txiki, je vais étudier ça!

    Bye

    Paupiette
    0
  14. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   609
     
    De rien !

    Tu peux appliquer n'importe quelle classe aux balises < span></span> Par exemple une couleur et/où une graisse de police etc....

    Bon courage !
    0
  15. Lust Messages postés 243 Statut Membre 123
     
    Commence déjà par prendre un éditeur plus évolué que le notepad classique... passe à notepad++.... tu verra c'est jolie, ca change de couleur toutes les balises et plein de choses suivant les langages
    0
  16. kapo23
     
    ou peut t'on se prcurer notepad + + .

    il est gratuit ??

    merci
    0
  18. P@ Messages postés 1137 Date d'inscription   Statut Membre 185
     
    vous connaissez pspad ??
    moi, je préfére et il est aussi gratuit :D
    0
  19. maximosa
     
    Bonjour,
    moi je me fai un site bloc note mais je sai po comment voir a quoi qui ressemble
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut,

      tu enregistres ton fichier avec une extension '.html' puis tu l'ouvres avec un navigateur web.
      0
  21. divindu69 Messages postés 8 Statut Membre
     
    Bonjour, je n'arrive pas a tramsformer file:///F:/Notepad++/site%20internet%20kevin/index.html
    en www.index.fr par exemple HELP ME !!!
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut,

      crée un fil de discussion propre à ton problème, stp.
      et donne nous plus d'indications.
      0
  • 1
  • 2

Discussions similaires

Site fiable de contrefaçon
AhmedAMG -
Raymond PENTIER -

2 réponses