IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

barre verticale xhtml


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 12
    Par défaut barre verticale xhtml
    bonsoir a tous je voudrai savoir comment créer une barre vertical voici une capture je voudrai l'inserer sur les categories bord droit tout le long:

    et voici mes codes:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    <h3>categories</h3>
     
                               <!-- debut categories -->
     
    <h4>consoles-jeux</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">consoles-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">xbox-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html"> playstation-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">nintendo-</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">autres support-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">accessoires-</a></span>
     
    <h4>Dvd-blu-ray</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">dvd-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">blu-ray-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">musical-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">drame/biopic-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">thriller</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">action-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">comédie-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">arts martiaux-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">policier</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">fantastique/horreur-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">animé-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">documentaires</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">sciences fiction.</a></span></br>
     
     
    <h4>Audio/vidéo</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">lecteur dvd/blu-ray-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">home cinéma-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">sono-dj</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">ampli-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">matériel.</a></span>
     
    <h4>Musique</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">cd-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">dvd musical-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">vynile-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">instruments</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">materiel</a></span></br>
     
    <h4>informatique</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">pc-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">imprimante--</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">materiel</a></span>
     
    </span></span>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    h4{
    background-color:darkturquoise;
    width:24%;
    border-right:1px solid yellow;}
    merci a tous de m'aider

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    321
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 321
    Par défaut
    Bonjour, et bienvenue

    Tu pourrais tout englober dans une div et lui attribuer une bordure à droite ?

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 12
    Par défaut
    Bonjour j'aiessayé avec div id="#"></div> mais ca ne marche pas j'ai peut etre dû mal m'y prendre.

    donc j'ai réessayé et j'ai mis ca maintenat elle apparait bien mais a droite et si je mets float:left elle va se positionner a l'interieur et non au bord des bordures et en utilisant margin left pour la décaler les categories se decalent aussi.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    <div id="ligne">
    <h4>consoles-jeux</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">consoles-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">xbox-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html"> playstation-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">nintendo-</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">autres support-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">accessoires-</a></span>
     
    <h4>Dvd-blu-ray</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">dvd-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">blu-ray-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">musical-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">drame/biopic-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">thriller</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">action-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">comédie-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">arts martiaux-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">policier</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">fantastique/horreur-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">animé-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">documentaires</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">sciences fiction.</a></span></br>
     
     
    <h4>Audio/vidéo</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">lecteur dvd/blu-ray-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">home cinéma-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">sono-dj</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">ampli-</a></span></br>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">matériel.</a></span>
     
    <h4>Musique</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">cd-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">dvd musical-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">vynile-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">instruments</a></span>
    <br><span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">materiel</a></span></br>
     
    <h4>informatique</h4>
     
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">pc-</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">imprimante--</a></span>
    <span class="mon_span"><a href="file:///C:/Users/Cid/Documents/transac/transac2.html">materiel</a></span>
     
    </span></span>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #ligne{
    border-right:1px solid black;
    float:left;
    }

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 12
    Par défaut barre verticale
    j'ai resolu le probleme merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 23
    Dernier message: 17/09/2008, 10h01
  2. Enlever barre verticale liste déroulante
    Par Jaymerry dans le forum VBA Access
    Réponses: 1
    Dernier message: 05/06/2008, 08h54
  3. [Tableaux] - Barre verticale (slider)
    Par jgx342 dans le forum Langage
    Réponses: 1
    Dernier message: 16/02/2007, 23h23
  4. [VBA-E] barre verticale dans un graphique
    Par Igloobel dans le forum Macros et VBA Excel
    Réponses: 15
    Dernier message: 02/02/2006, 22h33
  5. barres verticales
    Par Bibouda dans le forum C
    Réponses: 7
    Dernier message: 30/11/2005, 20h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo