Page 1 sur 1

bien utiliser le css

MessagePublié: 16 Avr 2012 à 13:03
par reda_lulu
bonjour ,
j'ai un masque contenant u HTML passé en HTMLRELAY ,
et un fichier css dans les ressources partagées .


mon probleme est que seul les propriétés de BODY (dans le css) sont prises en compte quand je visualise mon masque dans notes .

merci

Re: bien utiliser le css

MessagePublié: 16 Avr 2012 à 13:27
par seroa
Tu dois placer ton code CSS ou l'appeler dans le head de ton masque. "HTML Head Content" ou "Contenu de titre html" je crois en français.

Re: bien utiliser le css

MessagePublié: 16 Avr 2012 à 16:01
par reda_lulu
c'est la méthode à suivre , merci .
je vous ré-explique mon problème .
j'ai une CSS contenant body { color :red ;} , et une autre h1 {color:red;} .
quand j'utilise la premiere css , ça marche ,
mais quand j'utilise la deuxieme , ça ne marche pas .

voila mon masque
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>remplir demande</title>

</head>

<body >

<h1>test titre</h1>
</body>
</html>

Re: bien utiliser le css

MessagePublié: 16 Avr 2012 à 16:09
par seroa
la balise h1 est déjà une balise de style alors peu être que ça vient de ça. Renomme ta classe h1en style1 par exemple et test :

<h1 class="style1">test h1</h1>

Re: bien utiliser le css

MessagePublié: 16 Avr 2012 à 16:22
par reda_lulu
en suivant ton raisonnement , mon css devrait être
.style1 { color : red ;}



mais ca ne le fait pas .

merci en tous les cas.

j'ai trouvé une parade au problème , il suffit de déclarer le css dans le fichier html
(c-a-d en utilisant la balise <style type="text/css">
</style>)

Re: bien utiliser le css

MessagePublié: 16 Avr 2012 à 16:34
par seroa
Mais plutot ça dans on HTML Head Content (Contenu de titre html) de ton masque :

"<style src=\"/" + @WebDbName + "/tonfichier.css\" type=\"text/css\"></style>"

Re: bien utiliser le css

MessagePublié: 17 Avr 2012 à 00:18
par reda_lulu
ça ne le fait pas non plus .

Re: bien utiliser le css

MessagePublié: 17 Avr 2012 à 09:09
par abertisch
Salut,

Dans la balise "<head>" ajoute :

<link rel='stylesheet' type='text/css' href='ton fichier css'>

A+

Re: bien utiliser le css

MessagePublié: 17 Avr 2012 à 10:32
par pivo
J'ai souvent eu ce problème, à cause de caractères invisibles dans le fichier (encodage, copier-coller, ...). Des règles prises en compte, et d'autres non.

Depuis ta page dans Firefox, affiche la source, et clique sur le lien du CSS, tu verras peut-être des hiéroglyphes non voulus.

Pour nettoyer, retourne dans ta ressource CSS et enlève toutes les tabulations et retour à la ligne et remet-les (mieux pour la lisibilité)

Re: bien utiliser le css

MessagePublié: 17 Avr 2012 à 21:39
par roubech
tu as créés un fichier monstyle.css sur ton disque dans lequel tu as définit plusieurs styles, dont un pour le tag body et un pour le tag h1
ces 2 styles se limitent à positionner la couleur rouge.
tu as importé ce fichier dans les ressources de ta base Notes
et ensuite tu dois l'associer à ton masque
tu as plusieurs options, la plus simple pour débuter et d'utiliser le menu correspondant creation \ insérer ressources (de mémoire)
ensuite, Domino génère automatiquement le tag body (si tu ne lui as pas dit le contraire) et donc le style correspondant va s'appliquer
pour le h1, j'imagine que tu as taper ce bout de code HTML dans ton masque : <h1>test titre</h1>
que tu l'as sélectionné et sélectionné "html relais"
et donc quand tu ouvre le masque dans ton navigateur, tu dois voir le titre en rouge, parce que le style s'applique au tag h1

si tu n'as pas procédé ains, explique en détail comment tu as procédé
si tu n'obtiens pas ce résultat, explique nous ce que tu obtiens et ce que tu aurai voulu obtenir
et comme indiqué précédemment, sous Firefox, tu peux utiliser FireBug pour voir en détail le style appliqué à un élément
sinon, sous Chrome, c'est intégré nativement ...

Re: bien utiliser le css

MessagePublié: 26 Avr 2012 à 16:50
par reda_lulu
problème résolu , faut suivre la méthode dans le deuxième post.

j'ai une autre question , est ce que width et height sont prises en compte .
pour moi , ca ne le fait pas ???

Re: bien utiliser le css

MessagePublié: 26 Avr 2012 à 16:56
par Michael DELIQUE
ce n'ets pas notes qui prend ou ne prend pas en compte les css mais ton navigateur en fonction de la balise

Re: bien utiliser le css

MessagePublié: 26 Avr 2012 à 16:59
par reda_lulu
oui , je sait .
je re-explique , je fait ceci pour que le contenu de ma page soit centré .

body
{
width: 75%x;
height:auto;
margin:auto;
}

quand je lance sur le navigateur , le contenu n'est pas centré .

Re: bien utiliser le css

MessagePublié: 26 Avr 2012 à 22:19
par roubech
pour le centrage de ta page, c'est un sujet à part entière. tu devrais trouver plusieurs technique sur les site spécialisés HTML/CSS
vite fait google me remonte
http://babylon-design.com/centrer-horiz ... s-de-code/
http://www.alsacreations.com/article/li ... n-CSS.html