28221 sujets

CSS et mise en forme, CSS3

écriture systématique à la ligne après chaque mot ? [RESOLU]

Administrateur
Commence pas supprimer toutes les marges et padding de <ul> et <li>, on y verra mieux parce que là les différences sont énormes entre les navigateurs.
Supprime aussi les puces, je ne pense pas que tu veuilles les garder et elles gênent l'affichage.

C'est une question de mise en forme, non ? --> je déplace dans le bon salon.
tu es plus spécialisé que moi, je pensais que pour le texte c'était dy HTML :-(.

Je vais déjà faire ce que tu me dis.
Administrateur
Ensuite, si ça passe à la ligne à chaque mot, c'est parce que tu as imposé une marge intérieure dans la liste (li) : padding-right: 130%; Smiley eyecrazy

DISCRET a écrit :
tu es plus spécialisé que moi, je pensais que pour le texte c'était dy HTML :-(.

C'est tout bête : présentation, mise en page = CSS Smiley smile
en fait il n'y a aucune il n'y avait qu'un remplissage de 130% sur li qui me permettais d'avoir le cadre bleu clair qui dépasse sur la droite du cadre bleu foncé.
Ensuite il y a .menu ou il y a une marge de135px en partant du haut aussi non il se colle sur le bord haut et passe par dessus le menu haut. Et en replissage 4% haut et bas.

edit :excuse moi j'ai posté en même temps, donc tu penses que la marge haut de 130px pose problème, mais alors comment faire pour qu'il soit au même niveau que le menu centre ?
Modifié le 04 Nov 2004 - 11:19
j'ai déjà passé le 130px de .menu à .gauche ce qui fait que c'est la Div principale du menu gauche qui s'aligne et non plus la liste.
Ensuite ça résoud le passage à la ligne du texte.
Enfin est ce que ça va corriger IE ?
Administrateur
DISCRET a écrit :
en fait il n'y a aucune il n'y avait qu'un remplissage de 130% sur li qui me permettais d'avoir le cadre bleu clair qui dépasse sur la droite du cadre bleu foncé.

Je crois que tu n'as pas saisi ce qu'est un padding : padding est un espace interne, donc là tu lui imposes un espace plus grand que la liste elle-même.
Si l'effet produit est que cela dépasse, c'est simplement une erreur de modèle de boite microsoft : http://www.openweb.eu.org/articles/dimensions_boites_css/

Si tu veux faire "dépasser" ta liste, il faut la décaler en position relative.

Actuellement, ton menu est un vrai fouilli.

Il y'aurait bien une solution (white-space: nowrap; dans le <li>), mais ça ne fait que colmater les brèches : il faut revoir l'ensemble du menu depuis le début.
je me répond tout seul ;-)
en fait si je supprime le float du menu haut, je crois que c'set bon en partie.

encore posté ensemble.
Donc je veux bien te croire que c'est le boxon et j'essaie tout les jours, tuto par tuto, questions par question d'améliorer ça et je suis content que tu me le dise que c'est très très loin d'être passable ;-)
Alors j'ai bien supprimé le float sur le menu haut. Je vais supprimer la surlargeur de Li et utiliser ta méthode.
Pour ma décharge je suis parti de sur un modèle et j'ai quasi tout changé en apprenant un tout petit peu à droite et à gauche ce qui doit comme tu le dis si bien être un machin vraiment mal foutu ;-)
Modifié le 04 Nov 2004 - 11:33
Administrateur
DISCRET a écrit :
voilà cette partie est résolu normalement, je te remercie de ta patience.

De rien ;)

(n'oublie pas d'ajouter le [résolu] dans le titre de ton sujet, en l'éditant)
les modifications fonctionnent :-) merci beaucoup, par contre l'affichage sous IE est toujours pareil :-(.

Oui je n'oublierais pas de noter [RESOLU] dans le titre;-)

edit : dans le body, je peux supprimer les marges égales à 0 ? Et si oui j'ai remplissage qui est réglé sur 3px, est ce que je peux les ramener à 0 et au contraire mettre des marges de 3 px ?
Modifié le 04 Nov 2004 - 12:12
en fait c'était tout simple pour le problème d'affichage sous IE, il suffisait de définir une largeur dans "li"
Sujet clos
Aller à