bien utiliser le css

Forum destiné aux questions sur le développement : Formules, LotusScript, Java ...

bien utiliser le css

Messagepar reda_lulu » 16 Avr 2012 à 13:03

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
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar seroa » 16 Avr 2012 à 13:27

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.
seroa
Posteur expérimenté
Posteur expérimenté
 
Message(s) : 304
Inscrit(e) le : 08 Nov 2007 à 08:36
Localisation : Mâcon

Re: bien utiliser le css

Messagepar reda_lulu » 16 Avr 2012 à 16:01

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>
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar seroa » 16 Avr 2012 à 16:09

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>
seroa
Posteur expérimenté
Posteur expérimenté
 
Message(s) : 304
Inscrit(e) le : 08 Nov 2007 à 08:36
Localisation : Mâcon

Re: bien utiliser le css

Messagepar reda_lulu » 16 Avr 2012 à 16:22

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>)
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar seroa » 16 Avr 2012 à 16:34

Mais plutot ça dans on HTML Head Content (Contenu de titre html) de ton masque :

"<style src=\"/" + @WebDbName + "/tonfichier.css\" type=\"text/css\"></style>"
seroa
Posteur expérimenté
Posteur expérimenté
 
Message(s) : 304
Inscrit(e) le : 08 Nov 2007 à 08:36
Localisation : Mâcon

Re: bien utiliser le css

Messagepar reda_lulu » 17 Avr 2012 à 00:18

ça ne le fait pas non plus .
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar abertisch » 17 Avr 2012 à 09:09

Salut,

Dans la balise "<head>" ajoute :

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

A+
"Lotus, il n'y a qu'en rouleaux que ça fait pas mal au cul"
abertisch
Roi des posts
Roi des posts
 
Message(s) : 763
Inscrit(e) le : 25 Oct 2006 à 13:51
Localisation : Suisse

Re: bien utiliser le css

Messagepar pivo » 17 Avr 2012 à 10:32

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é)
pivo
Posteur néophyte
Posteur néophyte
 
Message(s) : 69
Inscrit(e) le : 29 Oct 2010 à 09:15
Localisation : Entre Genève et Martigny, mais surtout Lausanne

Re: bien utiliser le css

Messagepar roubech » 17 Avr 2012 à 21:39

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 ...
Avatar de l’utilisateur
roubech
Modérateur
Modérateur
 
Message(s) : 4976
Inscrit(e) le : 01 Fév 2007 à 20:22
Localisation : Lille

Re: bien utiliser le css

Messagepar reda_lulu » 26 Avr 2012 à 16:50

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 ???
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar Michael DELIQUE » 26 Avr 2012 à 16:56

ce n'ets pas notes qui prend ou ne prend pas en compte les css mais ton navigateur en fonction de la balise
Cordialement

Michael (SMS-Phobique)
----------------------------
"La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi."
Albert EINSTEIN
Avatar de l’utilisateur
Michael DELIQUE
Administrateur
Administrateur
 
Message(s) : 12183
Inscrit(e) le : 16 Déc 2004 à 10:36
Localisation : Paris/Cergy

Re: bien utiliser le css

Messagepar reda_lulu » 26 Avr 2012 à 16:59

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é .
reda_lulu
Premier posts
Premier posts
 
Message(s) : 27
Inscrit(e) le : 13 Mars 2012 à 12:05

Re: bien utiliser le css

Messagepar roubech » 26 Avr 2012 à 22:19

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
Avatar de l’utilisateur
roubech
Modérateur
Modérateur
 
Message(s) : 4976
Inscrit(e) le : 01 Fév 2007 à 20:22
Localisation : Lille


Retour vers Développement