avec style

célété · Message par **célété** » 14 juin 2009, 15:52

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

Message par **chinon37** » 14 juin 2009, 17:19

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.

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 14 juin 2009, 17:35

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

cèlété · Message par **cèlété** » 15 juin 2009, 04:34

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

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 15 juin 2009, 10:28

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;
....

Message par **chinon37** » 15 juin 2009, 13:17

En ouvrant directement la page dans KompoZer, et en ouvrant l'éditeur css (F7), tu verras toutes les règles css de la page.

cèlété · Message par **cèlété** » 15 juin 2009, 14:14

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

Message par **chinon37** » 15 juin 2009, 15:06

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.

Message par **Flore** » 15 juin 2009, 15:26

Ouiiiin... le sujet d'anthologie sur les punaises a disparu

Laissez tomber, c'est juste un moment de nostalge

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.1b99) Gecko/20090605 Firefox/3.5b99

Message par **chinon37** » 15 juin 2009, 16:49

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?

cèlété · Message par **cèlété** » 15 juin 2009, 17:40

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

Geckozone

avec style

avec style

Qui est en ligne ?