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 :

[HTML] Barre de séparation en dégradé


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Juillet 2007
    Messages : 3
    Par défaut [HTML] Barre de séparation en dégradé
    Bonjour à tous,

    Je précise tout d'abord que je suis débutant en HTML, mais mon client me demande de m'y interresser alors je m'y met un peu. Merci de votre compréhension.

    Maintenant que ceci est dit voici mon problème.

    J'aimerai ajouter à ma page une barre ayant l'apparence de la piece jointe, c'est à dire une barre Orange en degradé de même couleur qui servirait donc de séparateur et ce sur toute la ligne.

    Le problème c'est que je ne peux pas ajouter cette image puisque le but est que la barre prenne toute la ligne même en cas d'agrandissement de la page. Un peu comme les balises <HR>.

    J'aimerai donc savoir comment créer un style (ou même sans style peut être, enfin je pense que c'est ca, ca ne fait que deux jours que je fais du HTML ) qui me permettrait d'unir deux à trois balises <HR> de couleurs différentes et de taille 1 qui me permettrait ainsi de donner l'apparence d'un degradé.

    Il y aurait peut être une autre solution qui consisterait a reduire mon image a un Pixel de large et de la répéter sur la longueure de la ligne, mais si possible cette solution ne doit pas être utilisée.

    Merci de votre attention et merci pour les futures réponses, meme si c'est pour dire que ce n'est pas possible.

    PS : Je cherche également ou trouver un index des couleurs utilisables en HTML. Merci encore et pardon pour mon ignorance
    Images attachées Images attachées  

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    145
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 145
    Par défaut
    Pourquoi tu ne peux pas utiliser la technique avec une image de 1px de large ?


    sinon voici quelques couleurs web

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Juillet 2007
    Messages : 3
    Par défaut
    Bonjour cedsun,

    Merci tout d'abord pour la palette de couleur.

    Ensuite pour répondre a votre question, il est préférable de ne pas utiliser d'insertion d'image pour une question de portabilité de la page. En effet moins il y à d'objet a transferer et plus c'est simple pour l'utilisateur. Voilà pourquoi je recherche une solution avec plusieurs borne <HR>.

    Mais je ne met pas cette solution au rebus, je ne l'utiliserai qu'en dernier recours. Cela fonctionne en effet très bien.

    <img src="Separation.gif" height="4" width="100%" />

    Mais j'aimerai une autre solution si c'est possible biensur.

    Merci encore.

  4. #4
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Ce n'est donc pas possible, si tu ne veux pas d'image...

  5. #5
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Si tu n'as que 3 couleurs, tu peux jouer avec les bordures et la couleur de fond. Le problème est que la balise hr ne réagit pas de manière standard sur les différents navigateurs. En général on fait quelque chose du genre dans ce cas:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="sep"><hr /></div>
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    .sep{
            background-color:#FF8C40;
    	border-top:2px solid #FF7010;
    	border-bottom:2px solid #FFC6A0;
    	height:2px;	
    }
     
    .sep hr{
      display:none;
    }
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Juillet 2007
    Messages : 3
    Par défaut
    Bonjour a tous,

    Merci pour vos réponses, et merci pour la solution des trois couleurs en bordures, j'ai passé l'après midi a essayer ça, mais le résultat n'etait pas satisfaisant. Avec votre méthode ca fonctionne mieux, mais ce n'est pas encore ça. Donc je vais garder la solution de l'image même si ce n'est pas celle que j'aurais préférée.

    Je vais donc fermer ce post, mais c'est domage de ne pas pouvoir utiliser une solution autre que par l'insertion d'une image.

    Merci à tous et j'espère qu'un jour c'est moi qui pourrait vous aider

    Au revoir.

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

Discussions similaires

  1. [JMenu] Séparateurs ou barre de séparation
    Par minus dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 02/06/2006, 17h02
  2. [HTML] Barre de defilement sur la droite
    Par DavidDeTroyes dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 18/05/2006, 11h16
  3. [Forum] Nouveau : Barre de séparation des messages importants
    Par Marc Lussac dans le forum Evolutions du club
    Réponses: 13
    Dernier message: 09/05/2006, 13h44
  4. Créér Barre de Séparation
    Par ArHacKnIdE dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 30/04/2006, 14h03
  5. Barre de séparation dans les menus
    Par gbuxo dans le forum Access
    Réponses: 8
    Dernier message: 29/03/2006, 09h58

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