Ligne dans une page html

hatouma -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
salut,
je veut faire un ligne verticale dans ma page d'acceuil comme une forme de décoration aprés cette ligne je presente mon entreprise.je suis pas un informaticien mais j'essaye d'enrichire mes connaissances.j'utilise le language html.je veut un aide pour que je puisse continuer mon travail.
merci d'avence pour votre aide
Configuration: Windows 2003
Internet Explorer 6.0

10 réponses

  1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    le plus simple est d'utiliser une image de fond avec les css sur la balise qui contient ton texte (un '<div>' par exemple).
    div
    {
    background-image:url(fichier.png);
    background-repeat:none;
    background-position:top left;
    }

    0
  2. warlix Messages postés 1204 Statut Contributeur 288
     
    salut

    soit plus clair
    tu souhaites mettre une image ( en forme de ligne verticale) où ? sur la gauche de la page ? au centre ?

    si je comprend ce que tu veux , tu dois soit le faire en jpeg directement et lui donner une taille 5px X 800px
    si ton site est plus haut et que ta ligne est uni elle va automatiquement se répeter en tant qu image de haut en bas , mais le rendu n est pas terible
    soit créer une ligne en jpeg de 5 px X 5 px avec un no repeat sur la largeur et un repeat sur la hauteur , que tu intègres soit en background soit en image sur le div

    alors je ne sais plus trop pour les x et y :p
    donc soit
    repeat x
    no repeat y

    ou l inverse etc ..
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut,

      soit plus clair
      t'es mal non plus !
      -;o)
      'background-repeat'
          Valeur :  	repeat | repeat-x | repeat-y | no-repeat | inherit
          Initiale :  	repeat
          S'applique à :  	tous les éléments
          Héritée :  	non
          Pourcentage :  	sans objet
          Médias :  	visuel

      source
      0
  3. Dj Nam Messages postés 339 Statut Membre 41
     
    bonjour,
    Si tu souhaite insérer une ligne verticale en guise de séparateur, le plus simple reste d'insérer dans ta page un tableau sans bordures composé de 3 colones, dans celle du milieu tu y insére ton image représentant une barre verticales puis tu adaptes les tailles du tableau pour en arriver au résultat souhaité.
    Tu peux aussi utiliser les <div> si tu maitrise que tu placera à l'aide d'un style. Ceci serait d'avantage correcte.
    0
  4. hatouma
     
    Bonjour,
    j'ai essayé avec le tableau l'autre fois mais n'été pas marché .la ligne dont on parle est une ligne a gauche est non pas une image.
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. warlix Messages postés 1204 Statut Contributeur 288
     
    ben c est pas ce que j ai dit ? :p

    BODY {
    background: white url("tonimage.jpg");
    background-repeat: repeat-y;

    }

    Une image de fond , des copies de celle-ci se répétant en haut et en bas des aires d'espacement et de contenu.
    0
  7. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    si mais niveau clarté c'était pas l'top !
    -:op

    et pour illustrer ton propos : un exemple !

    à deux on va bien finir par y arriver !!!
    -:oD
    0
  8. hatouma
     
    ca ce que je cherche svp dalida ty peut m'aider sur le démarche au niveau du code de la page .merci
    amicalement hatouma
    0
  9. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    re,

    as-tu regardé le code source de la page ?

    • en premier, il te faut une image qui représente la ligne. un dizaine de pixels de haut suffit amplement. la mienne fait 10x10.

    • ensuite, il te faut un conteneur.
    donc tu mets tout ce qui doit être a côté de la ligne dans un '<div>'.
    <div id="ligne">
    	<!-- tout ce qui sera à côté de la ligne, images, texte, etc... -->
    </div>
    
    


    • enfin tu ajoutes cette règle à ta css :
    div#ligne /* j'ai ajouté l'identifiant au cas où tu utilises d'autres <div> dans la page */
    {
    background-image:url(fichier_image.png); /* tu indiques où est enregistré ton image */
    background-repeat:repeat-y; /* l'arrière plan sera répété dans la hauteur */
    background-position:80px 0; /* distance entre le bord gauche et l'image et entre le bord supérieur et l'image (à toi de voir) */
    padding-left:100px; /* distance à laquelle seront disposés les éléments contenus dans le <div> */
    }
    

    et voili, voilà !
    0
  10. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    et d'ailleurs si tu veux une ligne avec une couleur à plat, il y a moyen de faire encore plus simple (sans image).
    j'ai ajouté un deuxième exemple avec une bordure.
    0
  11. yanigo Messages postés 182 Statut Membre 69
     
    salut,
    essai ceci dans ton code html :
    <FRAMESET COLS= "22%,78%">
    après tu règle l'écart en changeant les valeurs.
    -1