Création de site, XHTML, CSS

[marc.suisse]

Salut

Je veux bien faire une belle bannière , mais le graphisme et moi , cela fais 2

Concernant le site , j'ai carte blanche .
-----

[marc.suisse]

Je viens de me rendre compte que maintenant les lettres du titres ne se chevauchaient plus .

Reste plus que cette histoire de pourcentages .

Je mettrais ensuite les photos sur la page principale et je commencerais les autre pages .

[invite2d24c6c6]

Voilà si jamais le XHTML :

<h1>BIENVENUE SUR LE SITE DE
TELEPERMANENCE</h1>

Si tu veux garder ton titre sur 2 lignes suffit que t'écrive:

<h1>BIENVENUE SUR LE SITE DE<br />TELEPERMANENCE</h1>

[marc.suisse]

Hello

Si tu regardes le site , les 2 lignes sont bien séparées .

Dois-je tout de même mettre les balises retour à la ligne ?

[invite2d24c6c6]

Si tu regardes le site , les 2 lignes sont bien séparées .

Dois-je tout de même mettre les balises retour à la ligne ?

Pour toi elles sont séparé mais chez moi c'est sur la même ligne (résolution différente ^^). Donc oui tu est obliger de mettre <br /> . Après il y a peut être d'autres moyens en CSS mais je ne les connaît pas . A+

[marc.suisse]

Salut , passé un bon week-end ?

Je viens de procéder au changement , je te laisse essayer

[invite2d24c6c6]

Ouai j'ai passé un bon week-end merci et toi?
C'est bon pour le site maintenant c'est sur 2 lignes pour moi aussi .
Pense toujours à vérifier lorsque tu fait du css ou de la mise en page en général si c'est pareil chez tout le monde (pour sa change ta résolution ou si tu en a la possibilité passé sur un écran plus grand pour voir ).

[marc.suisse]

Hello

Oui très bon week-end ensoleillé , ca fais du bien

Oui il faudrait que j'essaye plusieurs résolutions et plusieurs navigateurs .

Sinon je viens de changer un peu le fond de la page : www.telepermanence.ch

Peux-tu stp me dire si la page s'affiche correctement chez toi ?

Sinon j'ai une petite question ,

pour mettre ce fond d'écran , je suis allé sur le site du zéro pour voir comment l'insérer dans la partie Body , ils disent de faire comme ça :

background-image: url("degrade.jpg");

J'ai essayé , mais cela ne fonctionne pas , je suis donc allé sur un autre site et ils conseillaient le code suivant :

background: url("fondecran.jpg")

Pourquoi la méthode du site du zéro ne marche pas ?

Merci d'avance

[invite2d24c6c6]

Ben je voit pas pourquoi la technique du site du zéro ne marche pas...
La seule différence est:
background -> permet de paramétrer le fond en général (à savoir: url("") no-repeat right bottom,etc).
Alors que,
background-image est spécifique à l'image de fond (tu ne peut pas mettre d'autres paramètres...).
Donc dans ton cas l'utilisation de background-image était justifié!
Bon sinon ton image se répète, pour y remédier essaye sa:

body{
width:100%; /*pour que la largeur s'adapte à la taille et résolution de l'écran du visiteur.*/
height:100%; /*pareil mais pour la hauteur.*/
background:url("fondecran.jpg") no-repeat;/*no-repeat signifie pas de répétition(je suis trop fort en anglais ;)).*/

/*laisse tes autres propriétés si tu en as (autres que celles redéfinies au dessus)*/
}

P.S: pense à enlever la couleur de fond (si tu la pas déjà fait ), ton problème peut venir de là... Et fait voir tout ton script css pour que je jete un oeil

[marc.suisse]

Hello hello

Je viens de procéder au changement .

Le problème ( tout petit ) , c'est que comme tu as mis 100% de largeur , chez moi j'ai la barre défilante qui s'affiche en bas .

En mettant 90% elle disparait mais le titre n'est plus centré .

Je pinaille .....

[marc.suisse]

Excuses j'ai oublié le script :

body {
width:100%; 
height:100%; 
background:url("fondecran.jpg") no-repeat; 

}

h1{
text-align: center;
color: white;
font-size: 45px;
font-family: Arial, "Comic Sans MS", Verdana, serif;
}

#menu{
font-weight: bold;
font-size: 22px;
font-family: "Comic Sans MS", Arial, Verdana, serif;
position: absolute ; 
top: 40% ;
left: 8% ;

}

a
{
color: navy;
text-decoration: none;
}

a:hover
{
color:blue;
}

a:active
{
color: white ;
}


ul {

color: navy;

}

#corps{
position: absolute ; 
top: 50% ; 
left: 40% ;
font-size: 20px ;


}

#photo_1{

}

#photo_2{

}
#pied_de_page{
position: absolute ; 
bottom: 3% ;
left: 40% ;

}

[invite2d24c6c6]

Voilà pourquoi je comprend pas les poucentages .
Bon alors maintenant l'image ce répète plus mais elle prend pas tout le corps pour moi .
En même temps je croit pas que tu puisse mettre une image sur un site "extensible", le html peut pas agrandir l'image tout seul...
Donc le mieux est de mettre une couleur en fond à mon avis!
Après ce qui peut faire jolie c'est de mettre un cadre autour de tes liens dans une couleur un peu plus clair.

P.S: tu n'as pas fait la modification pour le titre? (l'histoire avec le <br />)

[marc.suisse]

Et si je modifiais la taille du fond dan Gimp ?...histoire qu'il soit plus grand

Au fait c'est grave si on fait l'image se répéter ? Chez toi cela donnait comment ?

P.S: tu n'as pas fait la modification pour le titre? (l'histoire avec le <br />)

Si bien sûr , pourquoi chez toi c'est toujours sur une ligne ?

[invite2d24c6c6]

Si tu change la grandeur de l'écran, seul ceux qui ont une résolution à la taille de ton image auront toute ton image,les autres auront juste la partie en haut à gauche de l'image...
Quand tu ne met pas "no-repeat", l'image se répète (horizontalement et verticalement). Donc ceux qui ont une plus grande résolution que toi voient un bout du fond se répété à droite et en bas (c'est mon cas).
Pour le titre effectivement je voit sa sur une seule ligne et lorsque j'affiche le code de la page, je voit:

<h1>BIENVENUE SUR LE SITE DE 
TELEPERMANENCE</h1>

Donc je pense que si tu veut faire un site "extensible"(qui s'adapte à la résolution de l'écran du visiteur), il faut te contenter d'une couleur de fond et épurer le design avec des cadres autour des menu ou du blocs centrale(la ou tu à mis le texte et le gif).
Sinon tu peut réaliser un site à taille fixe mais c'est moins "professionnel" à mon avis
Bon courage à plus!

[marc.suisse]

J'avais fais la modification , mais je m'embrouille un peu dans les fichiers .

J'ai des fichiers chez moi et d'autres ici au boulot , étant donné que j'ai modifié le fond ce matin , j'ai réutilisé un fichier html sur lequel je n'avais pas fais la modification ...

Je viens de remettre le site comme avant , je vais donc réfléchir à faire quelque chose de joli en gardant une couleur de fond .

[invite2d24c6c6]

Ah ben bien, monsieur s'embrouille!
Pour le design regarde un peu les site que tu visite, pique des idées et met les à tes goûts .
@+
P.S quand j'aurais internet chez moi je te passerait un petit screen d'une charte graphique qui pourrait être sympa pour ton site

[marc.suisse]

Je me demandais comment a été fais le site suivant :

http://www.jeunessebottens.net/

Est-ce du XHTML et CSS ?

Car je suis assez admiratif de sa conception alors que moi je m'embête à fond pour trouver des idées de design ...

[invite2d24c6c6]

On dirait un site réalisé à l'aide d'un CMS (genre Joomla!,il y en a d'autre mais je connait pas ).
Il y a du XHTML/CSS/PHP/Javascript.
PHP gère tout ce qui est mise en ligne des "news" (stocké dans des bases de données) et javascript gère les "dynamisme" du site comme les message (sms box) en haut du site.

[marc.suisse]

Et pense-tu que c'est une bonne solution pour créer un site ?

[marc.suisse]

Bonsoir à tous

En haut à gauche du site , il y a des boutons marqués sites , forum , contact...

Quand on passe dessus avec la souris , ile changent de longueur , comment est-ce que c'est fait ?

[marc.suisse]

Juste encore un petit passage pour dire que j'ai un peu mis à jour les balises Meta en début du code HTML.

www.telepermanence.ch

[CM63]

Bonsoir à tous

En haut à gauche du site , il y a des boutons marqués sites , forum , contact...

Quand on passe dessus avec la souris , ile changent de longueur , comment est-ce que c'est fait ?

Bonsoir,

Ben tous ces trucs-là c'est automatique avec Joomla, j'ai commencé à en faire un. Y'a les news automatiques, les contacts, les gens qui peuvent se créer des points d'entrée, en tant qu'admin tu peux les virer , etc. Mais je ne l'ai pas encore publié, il manque encore de contenu.

[marc.suisse]

Hello , je te remercie de ta réponse

Donc après m'être un tout petit peu documenté , là on parle de logiciel CMS , c'est bien ça ?

Est-ce possible de créer le même effet mais avec du HTML-CSS ?

Merci encore

[CM63]

Oui Joomla est un CMS, moi je ne voulais pas m'embêter à faire de la programmation, j'en ai assez fait, donc avec un CMS tu ne t'occupes que du contenu de ton site. Sinon, pour le look, tu utilises des templates, que tu modifies un peu éventuellement à la main, mais tu ne te retapes pas tout.

[zoup1]

Hello , je te remercie de ta réponse

Donc après m'être un tout petit peu documenté , là on parle de logiciel CMS , c'est bien ça ?

Est-ce possible de créer le même effet mais avec du HTML-CSS ?

Merci encore

C'est possible mais en faisant un peu de Javascript en plus.
Il faut par exemple utiliser l'évènement onMouveOver() pour réagir au passage de la souris sur un élément. Le réaction étant de changer le style utilisé pour réprésenter cela.

pour voir comment utiliser onmouseover (dans un contexte un peu différent)
http://fr.selfhtml.org/javascript/la...tm#onmouseover


et pour tout le reste je te conseille ce site qui est une mine d'information :
http://fr.selfhtml.org/

[invite2d24c6c6]

C'est possible mais en faisant un peu de Javascript en plus.
Il faut par exemple utiliser l'évènement onMouveOver() pour réagir au passage de la souris sur un élément. Le réaction étant de changer le style utilisé pour réprésenter cela.

Effectivement le javascript s'impose si tu veut faire réagir des élément au passage de la sourie.Mais la pour des réactions sur des liens, ceci est inutile car le css permet de gérer sa tout simplement! (a:hover pour le passage de la sourie).
Biensûr tu peut faire un site comme joomla en XHTML/CSS et un peu de javascript(pour l'apparence et le contenu) mais il te faut du php si tu veut gérer un système de news!
Les CMS sont pratique car sa te permet d'avoir un rendu rapide sans pour autant être bon en langage web! Mais si tu as des modifications à faire au niveau du code, sa devient vite la galère pour comprendre les codes réalisé!
si tu veut voir le genre de réalisation possible avec joomla (tu as aussi un site d'exemple en javascript) va voir là (les site en joomla sont loin d'être finit ).

[marc.suisse]

Bonsoir à tous et merci de vos réponses

Etant donné que je parts demain à l'armée pour une durée de 7 jours , je regarderais plus en détail vos messages lors de mon retour .

En vous remerciant encore , je vous souhaite une bonne fin de soirée .

Ciao ciao MARC ..

[marc.suisse]

Bonjour à tous

De retour du service militaire , je continue donc à créer ce site .

Un ami m'a donné une très bonne idée , mais je n'arrive pas à la mettre en oeuvre.

Il s'agirait de mettre la photo d'une platine interphone , visible ci-dessous :

http://lescevennes.unblog.fr/files/2...ingaludore.jpg

Et de faire en sorte qu'on puisse cliquer sur les touches pour faire apparaitre les différentes autre pages du site et en mettant digicodes , interphones etc à la place des noms .

Je partais donc dans l'idée de copier un bouton , le modifier ( en gif pour la tranparence) de telle sorte que j'obtienne un bouton légèrement différent dans le cas du passage de la souris dessus pour bien montrer que c'est une image cliquable .

Ensuite grâce au positionnement absolute ( pourcentages ) , le mettre exactement par-dessus le bouton d'origine.

Le problème étant que j'arrive à le positioner exactement ou il faut dans Firefox , mais dès que j'ouvre internet explorer , il est légèrement décalé .

Comment obtenir au mieux mon projet ?

Merci d'avance de votre aide et bonne journée .

Ciao ciao MARC ...

[marc.suisse]

Bon je viens de trouver une fonctionnalité dans Gimp qui permet de sélectionner des parties cliquables dans une image , je vais regarder ça de plus près .

[marc.suisse]

Bon , je viens d'essayer et cela ne marche pas , je ne comprends pas ...