j'utilise des simili-boites disposées en ligne en tant que boutons.
en réalité il s'agit de texte en mode inline avec couleur et bordure sur les
éléments <a>.
le problème est qu'en redimensionnant la fenêtre j'aimerais que le bouton
entier passe à la ligne, et non des bouts de bouton.
en display:block ça ne va pas : je veux plusieurs boutons par ligne.
je souhaite juste éviter qu'un bouton soit coupé en deux par le saut de
ligne.
évidemment j'aimerais éviter d'ajouter des à mes fichiers html, je
cherche une solution dans la feuille de style.
une page concernée par ce problème :
http://www.antipolis.fr/sept04/cdri.php
voir le menu contextuel en haut, en réduisant la largeur de la fenêtre du
navigateur.
la feuille de style est ici : http://www.antipolis.fr/style/antipolis.css
et le style concerné est usermenu
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
François Battail
Le Tue, 17 Aug 2004 15:52:56 +0200, Serge Hartmann a écrit :
Bonjour,
j'utilise des simili-boites disposées en ligne en tant que boutons. en réalité il s'agit de texte en mode inline avec couleur et bordure sur les éléments <a>.
le problème est qu'en redimensionnant la fenêtre j'aimerais que le bouton entier passe à la ligne, et non des bouts de bouton.
La solution logique passerait par des float left :
#usermenu a { ... float: left ; }
C'est en fait la technique classique utilisée pour "empiler" proprement des photos dans une galerie web. Attention toutefois à bien tester avec IE car les float ne sont pas vraiment son fort...
Bon courage,
@+ fb
Le Tue, 17 Aug 2004 15:52:56 +0200, Serge Hartmann a écrit :
Bonjour,
j'utilise des simili-boites disposées en ligne en tant que boutons.
en réalité il s'agit de texte en mode inline avec couleur et bordure sur les
éléments <a>.
le problème est qu'en redimensionnant la fenêtre j'aimerais que le bouton
entier passe à la ligne, et non des bouts de bouton.
La solution logique passerait par des float left :
#usermenu a
{
...
float: left ;
}
C'est en fait la technique classique utilisée pour "empiler"
proprement des photos dans une galerie web. Attention toutefois à bien
tester avec IE car les float ne sont pas vraiment son fort...
Le Tue, 17 Aug 2004 15:52:56 +0200, Serge Hartmann a écrit :
Bonjour,
j'utilise des simili-boites disposées en ligne en tant que boutons. en réalité il s'agit de texte en mode inline avec couleur et bordure sur les éléments <a>.
le problème est qu'en redimensionnant la fenêtre j'aimerais que le bouton entier passe à la ligne, et non des bouts de bouton.
La solution logique passerait par des float left :
#usermenu a { ... float: left ; }
C'est en fait la technique classique utilisée pour "empiler" proprement des photos dans une galerie web. Attention toutefois à bien tester avec IE car les float ne sont pas vraiment son fort...
