Espace autour d'un Bouton ? [Fait]

**requin51** · 21/08/2007, 20h51

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

**Madfrix** · 21/08/2007, 22h31

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

**trotters213** · 22/08/2007, 10h09

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.

**afrodje** · 22/08/2007, 10h37

Envoyé par Madfrix

PS : ne plus utiliser de frames

C'est vieux d'accord mais pourquoi ne plus les utiliser?

**trotters213** · 22/08/2007, 13h24

Envoyé par afrodje

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
...

**requin51** · 22/08/2007, 13h31

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

**trotters213** · 22/08/2007, 14h50

Tiens voici de l'aide pour le début : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**requin51** · 22/08/2007, 21h10

trop fort ce tuto, je refaits mes frames en CCS et je teste les boutons ...
merci trotters213

**requin51** · 23/08/2007, 22h43

Effectivement, la mise en page de mes boutons dans une barre de menu est nettement plus clean avec le CSS

le probleme c'est que mes boutons ne fonctionnent plus, ils veulent tous ouvrir le meme lien

mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="bandeau">
  <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>
</div>

Je pense que pour remedier au probleme il va falloir un bloc CSS par bouton ...
confirmer moi

autre probleme, j'ai pas trouvé la réponse sur les different tuto :
comment remplacer la commande target que j'utilisais avec mes frames ? autrement dit : comment dire a mon bouton d'ouvrir le lien dans un autre bloc DIV ?

Sinon j'ai testé les boutons 100% CSS, c'est un putain de boulot a mettre en oeuvre, je maitrise pas asser ... la feuille de style ressemble a un dictionnaire pour seulement 3 boutons ...

merci a vous

**trotters213** · 23/08/2007, 23h17

Envoyé par requin51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="bandeau">
  <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>
</div>

Je pense que pour remedier au probleme il va falloir un bloc CSS par bouton ...
confirmer moi

Avant ça on va faire du code propre d'ac?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="bandeau">
  <form action="fichiers.html" target="menu1">
    <input type="submit" value="Fichiers C.E." />
  </form>
  <form action="doc.html" target="menu1">
    <input type="submit" value="Doc Constructeur" />
  </form>
  <form action="formulaires.html" target="menu1">
    <input type="submit" value="Formulaires" />
  </form>
</div>

Envoyé par requin51

autre probleme, j'ai pas trouvé la réponse sur les different tuto :
comment remplacer la commande target que j'utilisais avec mes frames ? autrement dit : comment dire a mon bouton d'ouvrir le lien dans un autre bloc DIV ?

Il faut passer par du PHP en utilisant include ou require pour inclure des fichiers.

**requin51** · 24/08/2007, 13h23

Envoyé par trotters213

Avant ça on va faire du code propre d'ac?

Les 3 slashs ni changent rien

Envoyé par trotters213

Il faut passer par du PHP en utilisant include ou require pour inclure des fichiers.

Impossible, c'est pour heberger sur une intranet dont je ne suis qu'utilisateur ... donc pas de serveur PHP possible ... et ca complique encore les chose !

Je vais finir par retourner à mes frames, car à la base mon seul probleme etait la mise en page des boutons de ma barre de menu

bye

Espace autour d'un Bouton ? [Fait]

HTML

Discussions similaires

Partager

Partager