Recherche



Résultat de la recherche

Vous recherchiez le terme suivant :css


Page 6 - 10 sur un total de 17 page(s) , résultats de la recherche classés par pertinence


6. adHoc Comment est fait le header

...adhoc comment est fait le header question kat quand plusieurs zones du header prennent plus que la largeur, la dernière va se positionner à la ligne suivante. et ça prend plus de place. est-ce que les frontières entre ces zones sont irrémédiablement fixées ainsi ? est-ce que les zones (titre, slogan, logo, date etc ...) peuvent se chevaucher, être en surimpression au moins pour une partie, en gérant l'organisation avec des transparences et des z-index ? voilà ce que je souhaite : une image dans le logo et titre/slogan/date (tous ou au choix) etc pouvant s'afficher en texte par-dessus. j'ai essayé de mettre mon image en background de header, de header-mid ou de site-title, mais quand on diminue la taille de l'écran, l'image reste fixée en taille (même si on lui donne du max-width : 100 % et du height :auto). alors qu'avec ce même css, l'image dans le logo diminue proportionnellement à la taille de l'écran. nota : background : cover ne donne pas de bons résultats dans le header, on obtient une portion d'image très zoomée, donc très pixellisée et on ne maitrise jamais le résultat qui sera très variable d'un écran à l'autre. réponse ale pour le header et le footer la grille ne vient pas prise en compte... la disposition des boites se fait entièrement au niveau du css par le dessinateur. c'est à lui donc de positionner les boites en fixant la largeur, le fond etc... je trouve juste comme ça pour ne vous priver d'aucune partie de l'amusement ...


7. adHoc Imprimer en PDF

...adhoc imprimer en pdf depuis le passage de pages sous adhoc, je n'ai pas retrouvé la fonction d'impression comme avant. par ailleurs, je cherche depuis longtemps un moyen d'imprimer en pdf pour générer des documents à enregistrer en local. j'ai trouvé un service externe gratuit qui nettoie la page html de toute la décoration, les menus, les pubs, les éléments externes pour produire un document propre de lecture zen. j'ai remplacé dans modules/pages/pages.inc le lien inopérant d'impression de pages par cette impression "en pdf et plus ..." le css et le look du bouton peuvent être modifiés et que je ne l'ai pas encore fait. voilà déjà un exemple (en bas à droite de la page, comme d'habitude) : http://revestou.fr/pages/076-musee-la-dardenne-fr.php voilà le lien du service, pour plus d'infos : http://www.printfriendly.com/ (choisir : website button dans le menu) ah j'oubliais un détail : la page qui s'ouvre pour utiliser le document généré s'adapte à la langue du navigateur pour les commandes. et je ne sais pas si cette page exige que l'on autorise les popups. j'ai l'impression que cela s'ouvre en sur-impression avec un effet lytebox. ...


8. Fabriquer le web La structure et le style

...fabriquer le web la structure et le style structure et style on sait coller ou saisir du texte brut, il va falloir le mettre en forme, lui donner une structure et un style. le contenu et la structure vont être spécifiques à chaque document, tandis que le style sera indiqué dans un fichier séparé commun à l'ensemble du site, la feuille de style. la structure permet de donner du sens au contenu, des repères, pour faciliter son indexation (par les moteurs de recherche) et son accessibilité (par exemple pour les outils de synthèse vocale). le contenu et sa structure se traitent depuis l'éditeur ou en mode source html, le style et l'apparence sont traités dans le org/pages/021-astuces-css-page-de-test-html-fr. la structure, c'est avec des balises essentiellement les balises paragraphe et les balises titres hn (h1 à h6) les paragraphes sont créés par l'éditeur avant toute saisie chaque fois que l'on appuie sur la touche entrée. les titres, on les choisit en cliquant sur l'un des niveaux hiérarchiques proposé habituellement par les éditeurs wysiwyg : h1 à h6 du plus important à celui de moindre importance. dans la pratique, il est rare d'avoir besoin dans une page web de plus de 3 niveaux hiérarchiques pour les titres. on utilisera donc les balises h1 à h3, en prenant garde de toujours commencer par un niveau supérieur. l'interprétation de la balise hn relève a priori du navigateur et peut varier en fonction de celui utilisé par le visiteur : un titre h1 est affecté d'un facteur de grossissement de 200% de la taille par défaut de la police du navigateur (environ 1em), h2 = 150%, h3 = 110%, h4 = 100%, h5 = 80%, h6 = 60%. il ne s'agit pas d'obtenir par là un rendu agréable à l’œil, mais de structurer son texte en hiérarchisant ce qui est plus ou moins important. lors de la mise en page dans l'éditeur wysiwyg, il ne convient donc pas de choisir un titre en fonction de sa taille, de sa graisse ou de sa couleur : si le style d'un titre ne convient pas, il faut aller modifier ou cr...


9. Astuces CSS Miniature et zoom sur grande image en Hover

...astuces css miniature et zoom sur grande image en hover résultat obtenu : passer la souris sur l'image pour obtenir cet effet, on trouve plusieurs conseils en web-cherchant, et je ne sais plus où j'ai trouvé celui-ci. dans le fichier style. css de la skin, ajouter les classes suivantes : .css_zoom_image { width: 80px; } .img-zoom { position: absolute; width: 0px; -webkit-transition: width 0.3s linear 0s; -moz-transition: width 0.3s linear 0s; -ms-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s; z-index: 10; } .css_zoom_image:hover + .img-zoom { width: 350px; } le principe est de n'avoir qu'une seule image, au format le plus grand que l'on souhaite afficher. dans le html, on affiche l'image en la réduisant à 80 px de large, elle comporte un lien vers l'image en plus grande taille (ici : 350px de large) qui s'affichera en hover de la miniature. voici le code : remplacer les parenthèses par des caractères < pour ( et> pour ) (a href="#") (img class="css_zoom_image" src="images/village-libriste.jpg" style="float: left; margin: 1%;" /) (img class=" img-zoom" src="images/village-libriste.jpg" /) ...


10. Astuces CSS Préfixer ou pas ?

...astuces css préfixer ou pas ? en 2016, on ne préfixe plus du tout : border-radius box-shadow calc background-image word-wrap on préfixe encore un peu : animation avec webkit transition avec webkit box-sizing avec moz border-image avec o et webkit pour plus de précision, voir caniuse qui est constamment mis à jour et pour s'aider un peu, prefix ...


Revue de presse RGPD