Discussion :

[Sergejack]

J'aimerais faire un bouton noir avec un arrondi au début du boutton et un autre à sa fin.
Ensuite j'aimerais que ce bouton soit centré dans ma page.
Sous IE j'y arrive mais pas sour FF.

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
 
.new_button {
	height: 12px;
	display: block;
	background-repeat:no-repeat;
	background-image: url("../images/bborders1.png");
	background-position: top left;
	padding-left: 8px;
	text-align: center;
}
 
.new_button span {
	height: 12px;
	display: block;
	background-repeat:no-repeat;
	background-image: url("../images/bborders2.png");
	background-position: top right;
	padding-right: 8px;
	border: none;
 
	line-height: 11px;
	font-size: 10px;
	font-weight: bold;
	background-color: black;
	color: white;	
}

Code :

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

1
2
3
4
 
	<div style="text-align:center; padding-top: 2em; position: relative;">
	<a style="width: 10em;" href="javascript:document.getElementById('form_artistData').submit();" class="new_button"><span>Bevestigen</span></a>
	</div>

quelqu'un sait coment procéder ?

[kaiser59]

Salut,

tout simplement en faisant cela :

Code html :

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

1
2
3
<p style="margin-left:auto;margin-right:auto;width:10em;text-align:center;">
<input type="submit" style="border:0;background:url(../images/image.jpg) no-repeat;width:100px;height:45px;font-size:1em;" value="Bevestigen">
</p>

Remarques :
- Utilise une image complète plutot que de t'embeté à faire une image par ci une image par là
- A quoi te sert le .submit dans ton onClick ? si tu vérifies les champs utilise plutot un onSubmit que tu places dans le form et ne validera le formulaire que si tout les champs que tu as demandé soit remplit

[Kerod]

- Utilise une image complète plutot que de t'embeté à faire une image par ci une image par là

L'image par ci et par là permet de ne pas fixer un width précis à ton bouton et ça peut être utile dans certains cas. Ou encore quand ça utilise des dimensions en %

Pour la réponse, personnellement il y a 3 solutions :

• imbrication de div avec pour background l'image des bords.
• un seul div mais avec des span en float left et right
• une seul imbrication, ton lien contient déjà le background avec l'image et la couleur noir (tout dépend de ton image aussi) et l'autre bord soit dans le div parent ou dans un span en float

A voir

[Sergejack]

L'image par ci et par là permet de ne pas fixer un width précis à ton bouton et ça peut être utile dans certains cas. Ou encore quand ça utilise des dimensions en %

Pour la réponse, personnellement il y a 3 solutions :

• imbrication de div avec pour background l'image des bords.
• un seul div mais avec des span en float left et right
• une seul imbrication, ton lien contient déjà le background avec l'image et la couleur noir (tout dépend de ton image aussi) et l'autre bord soit dans le div parent ou dans un span en float

A voir

Je cherche à faire un bouton centré horizontalement sous FireFox.
Comment faire ?

[Kerod]

Comment faire : Commencer par faire une recherche. On tombe sur ceci : http://www.developpez.net/forums/sho...d.php?t=452253 dont le principe est le même.

Il reste en plus qu'à mettre ta modification dans div qui centre

[Sergejack]

Marche pas, là est le problème.

[kaiser59]

L'image par ci et par là permet de ne pas fixer un width précis à ton bouton et ça peut être utile dans certains cas. Ou encore quand ça utilise des dimensions en %

Pour la réponse, personnellement il y a 3 solutions :

• imbrication de div avec pour background l'image des bords.
• un seul div mais avec des span en float left et right
• une seul imbrication, ton lien contient déjà le background avec l'image et la couleur noir (tout dépend de ton image aussi) et l'autre bord soit dans le div parent ou dans un span en float

A voir

D'accord kerod mais, je pense qu'il faut quand même resté sur une image fixe car ici cela reste un bouton (le problème) J'imagine que toi aussi, j'ai rarement vue un site qui utilise 15 000 boutons différent dans son site presque tout leur bouton sont de taille identique.

Mais bon s'il veut se torturer, je ne l'empêcherais pas

Sinon, sergejack as tu margin-left et margin-right en auto dans ton div qui englobe les divs de ton boutons ainsi tu text-align en center pour centrer le contenu du div global ??

[Sergejack]

Merci, ça semble très bien marcher (les marges en auto)

C'est quand même fou CSS dans la pratique