Page 1 sur 1
avec style
Publié : 14 juin 2009, 15:52
par célété
j'ai trouvé un gabarit parfait. il s'affiche sur la totalité de l'écran, peu importe le format d'affichage.
mais je suis incapable d'y créer des styles de texte (h1, h2). est-ce que quelqu'un verrait comment faire ?
http://matthewjamestaylor.com/blog/perfect-3-column.htm
merci !
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
Publié : 14 juin 2009, 17:19
par chinon37
les styles sont définis dans la feuille de style incorporée.
Pour les modifier, il suffit d'ouvrir l'éditeur css et de sélectionner la balise concernée. Ensuite, modifier dans l'onglet texte.
Publié : 14 juin 2009, 17:35
par Fabrice.Tres.Net
Il suffit de modifier les lignes
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
Plus de détails :
http://josar.free.fr/tutoKompozer/feuilleStylePlan.html
Publié : 15 juin 2009, 04:34
par cèlété
merci mais... j'ai encore un problème.
je connais le css (les feuilles externes aussi) mais il n'y a pas d'adresse pour la feuille de style externe !! du moins, je ne l'ai pas trouvée.
habituellement on trouve qq chose comme :
<link="all" rel="stylesheet"
href="monstyle.css" type="text/css">
MAIS dans la page :
http://matthewjamestaylor.com/blog/perfect-3-column.htm
il n'y a que :
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<style media="screen" type="text/css">
pas de href pour l'adresse de la page de style externe.
là, je ne comprends pas.
merci, merci !
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
Publié : 15 juin 2009, 10:28
par Fabrice.Tres.Net
Dans le modèle, les styles css sont directement intégrées dans le html,
Code : Tout sélectionner
<head>
<title>The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible." />
<meta name="keywords" content="The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible." />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<style media="screen" type="text/css">
/* <!-- */
/* General styles */
body {
margin:0;
padding:0;
border:0;
....
Publié : 15 juin 2009, 13:17
par chinon37
En ouvrant directement la page dans KompoZer, et en ouvrant l'éditeur css (F7), tu verras toutes les règles css de la page.
Publié : 15 juin 2009, 14:14
par cèlété
merci !
vous savez, je m'ennuie de la fonction de nvu illustrée par une petite punaise.
c'était super pratique !
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
Publié : 15 juin 2009, 15:06
par chinon37
La fonction de la petite punaise, position "absolue" en css, existe toujours avec KompoZer, mais elle se situe désormais tout à droite de l'écran.
Cependant, généralement, c'est une mauvaise idée de l'utiliser sauf si tu as un but précis. Si l'objectif est de déplacer le bloc à la souris, c'est un mauvais plan.
On n'est pas sur un logiciel de PAO, où la mise en page peut se faire à la souris. En HTML, en schématisant, sauf cas exceptionnel, chaque élément de la page est + ou - dépendant des autres.
Le positionnement doit se faire par les css en gardant une mise en page fluide. La position absolue "fige" le bloc dans la page.
Publié : 15 juin 2009, 15:26
par Flore
Publié : 15 juin 2009, 16:49
par chinon37
Ben oui, c'est ça de faire du nettoyage de forum, on en perd ses origines.
Mais on peut le refaire:
Et d'abord, est-ce qu'il s'agit bien d'une punaise?
Publié : 15 juin 2009, 17:40
par cèlété
désolée, si je suis tombée dans les vieux clichés ! la dernière fois que je suis venue sur ce forum, kompozer n'existait pas.
merci à chinon et fabrice.
AIDE TRÈS APPRÉCIÉE !
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
