Pays-Froid.Net

de **Patoch** le 26 Mar 2007 23:18

ce soir ca va etre dur pour moi. je me met a fond dedans demain

j'aurai du temps

de **Belial** le 26 Mar 2007 23:26

D'accord, merci!

de **Bartox** le 27 Mar 2007 12:42

Patoch a écrit:Sinon, il fautdrai decouper ton fond. parce qu'il n'est pas extensible pour le moment je crois.

C'est ce que j'avais dit, et on m'avait pas écouté :'(

Buhh, m'enfin, j'ai retourné dans pas mal de sens ton css et l'agencement, et je n'arrive pas à comprendre vraiment..

Pour le moi, le seul moyen est de découper les deux barres entourant le menus.

Parce que le fond beige juste en dessous de la bannière ne fait partie que du <body>, donc comme les barres du menus aussi, avec des margins on peut pas changer leur positions. Et du coup, même en changeant les dimensions de la bannières, on peut pas combler ce vide... du coup je ne vois qu'un découpage

de **Patoch** le 27 Mar 2007 22:32

Bon, j'avou que j'ai été trop dépassé par les evenements aujourd'hui...
Je regarde tout ca demain sans fautes :oops:

de **Belial** le 27 Mar 2007 23:58

D'ac, héhé.

de **Patoch** le 28 Mar 2007 16:00

Salut

j'aimerai avoir ton fond. j'arrive plus à l'avoir à partir de ton site :shock:

Edit : J'ai réussi à la récupérer

de **Patoch** le 28 Mar 2007 17:13

J'ai réglé le problème

Les conseils que je peux te donner :

A quoi servent h1 et h2 dans ton css?
Ton fond est trop lourd. Il ne se charge pas facilement. C'est dommage...
Les menus doivent être sous la forme de listes (on enlevera le fait qu'ils doivent revenir à la ligne dans le css).
Change le nom du css que j'ai mis dans le link

Le site a été vérifié sour IE7, Firefox 2 et Opéra :wink:

Le Html :

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Donjon et Dragon Narsis Grandeur Nature</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" /> </head> <body> <div class="squel"> <br /> <div id="en_tete"> <img src="image/banniere.jpg" alt="" /> </div> <div id="menuCentral"> <a class="lienCentral" id="accueil" href="index.html"></a> <a class="lienCentral" href="lienCentral2.html"></a> <a class="lienCentral" href="lienCentral3.html"></a> <a class="lienCentral" id="forum" href="http://www.dngn.forumactif.com"></a> <a class="lienCentral" id="contact" href="lienCentral5.html"></a> <a class="lienCentral" id="lien" href="lien.html"></a> </div> <br /> <div id="corps"> <h3>Donjon et Dragon Narsis, Grandeur Nature</h3> <p> Je n'avais premièrement, rien à faire. Je contrôle asser bien le language et HTML et quelques fonctions de bases du PHP. C'est un bon début, mais qu'elle sujet? Le voilà!</p> <p>Ici seront affiché les nouveautées ou les informations précieuses du monde entourant le projet "Narsis" Tout celà, si bien entendu, le projet d'un simple site est accepté.</p> <p> Il est encore à son tout début, je n'ai guère fini de coder le site. Ils manquent aussi plusieurs éléments dans le menu, je compte bien l'avancer si c'est OK.</p> <p> Le projet d'un site internet pourrait aider Narsis, pour un accès rapide et détaillé de ce qui s'y passe. Si le visiteur a envie de participer à la communautée, en donnant son opignion ou quoi que ce soit: Le forum est là.</p> <p> Sachant aussi que la majeur partie des informations se trouvent et se trouveront sur le forum, si le visiteur est réellement motivé, il ira s'inscrire.</p> </div> <div id="pied_de_page"> <p>Copyright "Narsis" 2007, tous droits réservés. Site créé par Mortifère.</p> </div> <br /> </div> </body> </html>

Le CSS

Code: Tout sélectionner: body { background-color: #363636; } .squel { width: 800px; margin:auto; background-image: url("image/fond-final.jpg"); background-repeat: no-repeat; } #en_tete { width: 702px; height: 244px; margin-bottom: 20px; margin-left: 21px; } #accueil a:hover { background-image: url("image/accueil-hover.jpg"); } #accueil { background-image: url("image/accueil.jpg"); background-repeat: no-repeat; } #corps { margin-left: 20px; padding: 5px; color: black; width: 700px; height: 750px; } #corps h1 { color: black; text-align: center; font-family: Arial, "Arial Black", "Times New Roman", Times, serif; } #corps h2 { height: 30px; background-image: url("images/titre.png"); background-repeat: no-repeat; padding-left: 30px; color: black; text-align: left; } h3 { padding:0px; margin:0px; } #pied_de_page { text-align: center; color: black; } a img { border: none; } #menuCentral { width: 703px; height: 26px; margin-left: 20px; background-color: #342B24; } .lienCentral { display: block; height: 30px; width: 117px; border: none; text-align: center; float: left; background-image: url("image/accuei.jpg"); background-repeat: no-repeat; } .lienCentral:hover { background-image: url("image/accueil-hove.jpg"); } #accueuil { background-image: url("image/accueil.jpg"); } #accueil:hover { background-image: url("image/accueil-hover.jpg"); } #lien { background-image: url("image/lien.jpg"); } #lien:hover { background-image: url("image/lien-hover.jpg"); } #contact { background-image: url("image/contact.jpg"); } #contact:hover { background-image: url("image/contact-hover.jpg"); } #forum { background-image: url("image/forum.jpg"); } #forum:hover { background-image: url("image/forum-hover.jpg"); }

de **Belial** le 29 Mar 2007 1:14

Tout fonctionne à merveille! Merci Patoch!

Pour le poid de mon image, je ne vois pas vraiment comment je pourrais regler le probleme. J'ai mit la qualité à 100% dans Photoshop ce qui fait augmenter le poid, je ne suis pas pour mettre 0% si je veux un beau fond...

de **Patoch** le 29 Mar 2007 1:41

De rien, je t'avai promis d'y jeter un oeuil

.

Je pense que tu peux essayer de garder simplement le cadre par exemple et grâce au css, tu pourras le remettre avec background-color

de **Belial** le 29 Mar 2007 1:43

D'accord!

Cependant, avec IE le menu et la bannière sont un peu trop hauts/bas, comment puis-je rendre celà correct sans tout déranger sur les autres naviguateur?

de **Patoch** le 29 Mar 2007 1:51

hum essaye avec ce ci :

Code: Tout sélectionner:

tu le met à la suite de l'autre link.
Dans ce fichier css, tu ajoutes/modifies seulement les informations qui changerons pour IE et seulement IE.

Je ne sais pas sii tu as compris ce que je voulais dire :shock:

de **Belial** le 29 Mar 2007 2:57

Oui c'est bon merci, héhé!

Me vien une nouvelle idée: Dans ma section lien, comment puis-je faire ouvrir le site dans une autre page, afin que mon site ne soit pas "auté" du naviguateur et que pour y revenir, il faudrait faire Précédente.

de **Geoffroy** le 29 Mar 2007 6:15

avec du javascript

onclick="window.open.........................
la reste je sais plus mais tu trouve ça facilement

de **Patoch** le 29 Mar 2007 13:46

En effet, il te faudra du JS.
Tu aurai pu passer par target='_blank' mais ce n'est pas valide pour du xhtml 1.1.

de **Belial** le 30 Mar 2007 2:19

Je n'ai malheureusement rien trouvé sur détien une large sélection de Javascript. Auriez-vous un lien concrèt ou quoique ce soit? Je sais que j'en demande beaucoup mais bon, pouhaha, c'est plus fort que moi!

http://www.toutjavascript.com/main/index.php3

Pays-Froid.Net

Une bannière... qui ne se descend plus

Qui est en ligne