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 :

Espace autour d'un Bouton ? [Fait]


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Inscrit en
    Août 2007
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 5
    Par défaut Espace autour d'un Bouton ?
    Salut,
    connaissez vous un moyen de supprimer l'espace verticale entre le haut de ma page et une rangée de boutons horizontals ?
    et le temps qu'on y est, pour supprimer l'espace entre les boutons ?

    mon HTML:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <body bgcolor="blue">
    <FORM ACTION="fichiers.html" target="menu1">
    <INPUT TYPE="SUBMIT" VALUE="Fichiers C.E.">
    <FORM ACTION="doc.html" target="menu1">
    <INPUT TYPE="SUBMIT" VALUE="Doc Constructeur">
    <FORM ACTION="formulaires.html" target="menu1">
    <INPUT TYPE="SUBMIT" VALUE="Formulaires">
    </FORM>
    </body>
    le but etant d'inserer cette page dans une frame afin de garder un menu horyzontale de boutons de navigation juste sous la barre d'adresse de I.E.

    merci à vous,
    bye

  2. #2
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    Salut, il faut mettre tes boutons dans des div que tu places après en absolu :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div id="b1"><INPUT TYPE="SUBMIT" VALUE="Fichiers C.E."></div>
    et ton CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    #b1{
    position:absolute;
    top:0px;
    left:0px;
    }
    PS : ne plus utiliser de frames

  3. #3
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Pour supprimer toutes marges et autres indésirable et pouvoir avoir un rendu réellement voulu, rajoute :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    * {
    margin:0;
    padding:0;
    }
    Tout en haut de ton CSS.

  4. #4
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2006
    Messages
    1 125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 1 125
    Par défaut
    Citation Envoyé par Madfrix Voir le message
    PS : ne plus utiliser de frames
    C'est vieux d'accord mais pourquoi ne plus les utiliser?

  5. #5
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    Citation Envoyé par afrodje Voir le message
    C'est vieux d'accord mais pourquoi ne plus les utiliser?
    En vrac :
    • impossible d'ajouter la page aux favoris
    • indexation déficiente
    • imprécisions au niveau de l'impression
    • nuit à la séparation entre la structure et la présentation
    • mauvaise accessibilité du site pour les personnes handicapées
    • c'est moche
    • ...

  6. #6
    Futur Membre du Club
    Inscrit en
    Août 2007
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 5
    Par défaut
    Merci pour vos réponses !!
    Pour les frames, je débute, je fais avec ce que j'ai lu
    Pour le CCS, j'y connais rien a par que ce sont "les figures de style" a mettre entre les <head>
    Je mets le nez dedans ce soir, je teste et je vous dits quoi !

    bye

  7. #7
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    Tiens voici de l'aide pour le début : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Discussions similaires

  1. Afficher un espace autour d'une image
    Par JackBeauregard dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 09/01/2009, 13h11
  2. Modifier l'espace autour d'un formulaire
    Par pierre50 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/10/2007, 15h19
  3. [HTML] espace autour d'une image
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 22/10/2006, 17h18
  4. Boutons IE vs Firefox: espaces avant/après le texte
    Par dasdeb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 07/09/2005, 20h29
  5. Bouton radio et espaces dans URL
    Par lra dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/01/2005, 17h09

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