Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Forum Alsacréations : CSS et Standards Web · HTML, XHTML, sémantique web · [Résolu] Taille d'un BR entre 2 images
Rechercher dans le sujet :
Auteur
grunky
# 23 Apr 2008 - 09:59:49
Citer
26 Posts
 Bonjour à tous,

Je souhaites placer à coté d'un input deux petites images pour simuler un "numeric stepper" :

upload/13675-curs.gif

Seulement sous IE l'écart entre les deux images (voir screen joint) n'est pas le même que sous FF.
Y'a t'il une solution , ou dois je passer par un commentaire conditionnel et faire une marge négative pour remonter l'image inférieur ?

Voici le code html correspondant (je vous épargne les entête du tableau) : 


<tbody>

			<tr>

				<td>Machin</td>

				<td>

					<input type="texte" id="av1" size="4" style="float:left;" />

					<div style="float:left;line-height:1">

						<img src="up.gif" style="margin-bottom:1px;border:none;" /><br />

						<img src="down.gif" style="margin-top:1px;border:none;" />

					</div>

                               </td>

				<td><input type="texte" id="av2" size="4" /></td>

				<td><input type="texte" id="av3" size="4" /></td>

				<td></td>

			</tr>

		</tbody>


merci pour vos éventuelles réponses
Modifié par grunky (25 Apr 2008 - 08:49)
^
Asumbaa
# 23 Apr 2008 - 13:21:43
Citer
23 Posts
 Salut,
line-height:1

1 quoi ? Patate ? cligne

Essaye avec :
line-height:1px
http://www.residivjeux.com/mm6/ 
^
grunky
# 23 Apr 2008 - 13:32:09
Citer
26 Posts
 De mémoire line-height ne nécessite pas d'unité ^^
Mais dans le doute j'ai quand même tester et ça ne règle pas le soucis
^
Julien Royer
# 23 Apr 2008 - 13:47:11
Citer
Coin coin
Modérateur
3537 Posts
grunky a écrit :
De mémoire line-height ne nécessite pas d'unité ^^

En effet, et il est même préférable de ne pas en mettre.
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-line-height
...
^
Florent V.
# 24 Apr 2008 - 17:18:02
Citer
On va manger des chips.
Modérateur
11436 Posts
 Deux pistes:

1. Utiliser line-height:1; font-size: 1px et pas juste line-height:1.
2. Ne pas utiliser de br, mais figer la largeur du div flottant.
Ressources en intégration web (HTML et CSS)
http://www.covertprestige.net 
^
grunky
# 25 Apr 2008 - 08:49:37
Citer
26 Posts
 Merci , avec le font-size à 1px ca règle le problème smile

^
Prévenir un modérateur
Répondre au sujet
Aller à

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 36 ms - Charte