Page 1 sur 3
Éditer CSS avec WebDeveloper
Publié : 07 sept. 2008, 20:28
par Gagea
Fabrice.Tres.Net a écrit :Le padding, c'est similaire aux marges qu'on définit pour une impression: ne rien écrire à moins de 1cm du bord haut ou bas, 3cm du bord gauche, et 1.5 du bord droit par exemple.
Pour se familiariser avec une déclaration css, rien de plus facile avec webdevelopper, Ctrl E pour afficher les ccs d'un site, puis ensuite tu modifies les css en direct et tu vois instantanément l'effet sur l'affichage.
Je comprends mieux le padding maintenant avec la comparaison d'une feuille à imprimer. Mon erreur était que le contenant étant aussi une boite je pensais que son padding, sa bordure et son margin se situaient à l'extérieur de cette boite et non pas à l'intérieur.
Avec la webDev. j'ai édité les CSS sur une de mes pages. Première constatation : le raccourci clavier Ctrl+Maj+E ne fonctionne pas. Je suis donc passée par le menu CSS. Y a-t'il une manip. à faire pour que les raccourcis clavier fonctionnent ?
J'ai essayé de mettre 1em de padding-top; ça m'a plu, j'ai donc modifié ma feuille de style.
En ce qui concerne le fond un peu plus foncé que j'ai donné aux paragraphes j'hésite à le supprimer car pour moi, en tant que débutante, ça m'a été très utile de pouvoir visualiser les paragraphes.
Qu'en pensez-vous ? Merci pour vos conseils.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 07 sept. 2008, 21:27
par Fabrice.Tres.Net
dans les options de Webdevelopper (Options > options> keys) il est possible de règler les raccourcis clavier.
Publié : 08 sept. 2008, 00:38
par Mongo Bob
Gagea a écrit :En ce qui concerne le fond un peu plus foncé que j'ai donné aux paragraphes j'hésite à le supprimer car pour moi, en tant que débutante, ça m'a été très utile de pouvoir visualiser les paragraphes.
Est-ce la suite d'un autre topic? En tout cas, j'étais tout prêt à te dire que le contraste était insufffisant entre couleurs de premier et second plan et en vérifiant avec un contrôle de contraste :
http://www.snook.ca/technical/colour_co ... olour.html
ben, je vois que non, tes textes sous <p> sont assez contrastés, selon eux.
Je préfère tes textes sous <li> qui le sont encore plus, mais je suis pour le noir sur blanc exclusif (contraste maximum) pour tous les textes (hors les titres, pour mettre un peu de couleurs...) : précisons que c'est une question d'accessibilité aux mal voyants, les designers de certains livrets de cd feraient bien d'en prendre de la graine: certains de leurs textes sont illisibles!
Mais à part certains magazines à la mode, tu noteras que la plupart des journaux, et absolument tous les livres, publient les textes en noir sur blanc, c'est pas pour rien, même pour un voyant... On devrait faire pareil sur les sites, il y a bien d'autres occasions de mettre de la couleur.
Il y a d'autres moyens de signaler les paragraphes visuellement, par exemple la lettrine (css : first:letter) ou la 1ère ligne (first:line), là on peut mettre toutes les 1ères lignes de paragraphe en taille plus grande (entre autres mignardises, bien sûr...).
ou de coller un motif décoratif, en fond de <p> en haut et gauche, ou sur toute la ligne verticale gauche, par css comme
ici...
à bientôt...
Publié : 08 sept. 2008, 08:53
par Gagea
Oui c'est la suite du topic : Afficher mon logo à côté de
www.monsite.com
Comme la conversation avait complètement dévié du sujet original j'ai pensé qu'il serait mieux d'en commencer un autre.
Je vais regarder tranquillement tout ce que tu me dis, Mongo Bob, y compris les liens. Merci pour ton message.
A propos des raccourcis clavier dans le menu CSS de WebDeveloper, Ctrl+Maj+C et Ctrl+Maj+Y fonctionnent. Il n'y a que Ctrl+Maj+E qui ne fonctionne pas
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 08 sept. 2008, 20:11
par GAUNCE
Gagea a écrit :
A propos des raccourcis clavier dans le menu CSS de WebDeveloper, Ctrl+Maj+C et Ctrl+Maj+Y fonctionnent. Il n'y a que Ctrl+Maj+E qui ne fonctionne pas
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Chez moi non plus. C'est Fabrice, je crois, qui en a parlé dans le post déviant.
Si on pouvait nous expliquer tout ça ?!!
Publié : 08 sept. 2008, 21:21
par chinon37
Chez moi, le ctrl+maj+E ouvre bien la fenêtre d'édition css... au dessus de la page affichée
Publié : 08 sept. 2008, 23:44
par Fabrice.Tres.Net
La fenêtre css se déplace comme suit:
Si la séquence Ctrl E ne fonctionne c'est qu'elle est mangée par qlq chose d'autre (autre extension ou Firefox, ou même windows). Il faut jeter un oeil à vos config...
PS: il n'y a pas de posts déviants

, du moins ceux auxquels je participe!
Publié : 09 sept. 2008, 12:47
par Gagea
Merci pour le déplacement de la fenêtre. Je l'ai mise maintenant en haut.
Mais pour le raccourci Ctrl+Maj+E je ne sais toujours pas par quelle autre séquence il est mangé chez moi. Tant pis, comme je pense que config de Windows est hors sujet dans ce forum je continuerai à passer par le menu CSS. Gaunce si tu y parviens chez toi, dis-le moi. Merci
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 09 sept. 2008, 13:37
par GAUNCE
Je ne m'en suis pas occupé car j'ai plein de trucs à faire, mais à priori c'est le flou total, mais je vais chercher!!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 09 sept. 2008, 14:05
par chinon37
Vous avez bien vérifié le paramétrage des raccourcis dans Options /options de webdev?
Publié : 09 sept. 2008, 15:46
par Gagea
Je n'ai rien touché. Tout est par défaut.
C'est pas grave, du moment qu'on peut passer le menu CSS.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 09 sept. 2008, 16:03
par Mongo Bob
oui, franchement, vous avez rien à discuter de plus important? Du moment que ça marche par le menu, sans blague
(
et on dit que moi, je coupe les cheveux en 4, je rêve!)
Publié : 09 sept. 2008, 18:06
par Fabrice.Tres.Net
Mongo Bob a écrit :oui, franchement, vous avez rien à discuter de plus important?
Si les copies d'écran de Gagea qui sont pas terribles malgré leurs tailles.
Il faudrait arrêter de trembler au moment de prendre la photo: on remplit les poumons à 60%, on vise et on clique sur le déclencheur, et c'est impeccable. Une copie propre et nette de l'écran. Ensuite suffit de ne pas tout gâcher à coup de mauvaise option de compression,...

Publié : 09 sept. 2008, 20:30
par GAUNCE
J'ai arrêté de chercher, car chez moi c'est pire, je n'ai aucun raccourci qui fonctionne,( pardon 3 fonctionnent) ou ça ouvre autre chose comme les filtres de Adblock, les options de Foxmarks etc...
Word utilise Ctrl+E et apparemment on peut pas désactiver!!!!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Publié : 10 sept. 2008, 12:51
par GAUNCE
Pour clore, je pense, le post, j'ai mis D à la place de E et le CSS s'édite, puisque D était libre.
For me is OK.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1