Discussion :

[Auteur]

pygoCENTRUS >> tu as pu modifier la couleur du fond du cadre des photos de la page oiseaux.htm ?

[pygoCENTRUS]

bravo auteur pour la 100eme réponse

ouaip c'est bon j'ai réussi a changer la couleur du cadre

edit>sur ma nouvelle page http://www.moai.dafun.com/presentation.htm pas moyen d'ajouter un cadre a l'intérieur du corps comme sur les autres pages et impossible de réduire l'espace avec le pied de page même en changeant "padding" ou "margin bottom".

idéalement je voudrais insérer une image a gauche du texte mais quand je le fais toute la page est en vrac

[le_chomeur]

pour l'espace entre ton corp et pied de page, j'ai modifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */

( de 50 a 10 px et ça passe impeccable , vérifies ton cache )

pour ton autre souçis tu as ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table   width=500 height=350 align=center >

	<tr><td valign=top align=left height=200
	<valign=center>

balise TD non fermé , et les fermetures de balise </tr></td> qui n'existe pas non plus , de plus tu peux totalement te passer de tableau , un simple padding top et padding bottom te permettrons de centrer ton texte

[Auteur]

pygoCENTRUS : pour ton tableau tu t'es mélangé les pinceaux . Comme l'écrit le_chomeur tu as oublié des balises fermantes. De plus <valign=center> est une balise qui n'existe pas. De même la balise </br> n'existe pas.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<table  style="width:500px; height:350px; text-align:center">
  <tr>
    <td style="vertical-align:top; text-align:left; height:200px">
	<p>Une brève présentation pour vous raconter l'histoire de ce site.</p>
	<p>Il y a 22ans de cela je vois pour la première fois notre monde, un regard qui très vite est attiré vers dame nature.</p>
	<p>Très jeune passionné d'ornithologie, je rêve déjà devant les clichés d'un de mes oncles travaillant sur argentique à l'époque, puis mes pensées pour la photographie s'envolèrent rapidement à cause de mon jeune âge sans doute.</p>
	<p>Quelques années plus tard, de nouvelles passions font leur apparition (botanique,aquariophilie...) et très vite l'envie de faire de belles photos se fait ressentir, c'est à ce moment que je le virus de la photographie arriva réellement.</p>
	<p>Mon premier appareil fut le compact de mon grand frère sur lequel j'adaptais des lentilles pour tenter de faire de la macro, quelques mois passèrent et j'achetais mon tout premier reflex: un canon eos 350D.</p>
	<p>A partir de ce moment la photographie allait devenir bien plus qu'un simple plaisir, il me fallut apprendre les techniques de base (ouverture, obturation, etc...) pour vraiment apprécier cet art et avoir envie de faire partager mes clichés</p>
 
	<p>Voilà en bref comment je suis arrivé à la création de ce site, je vous souhaite une agréable visite en espérant que vous prendrez autant de plaisir à regarder mes photos que j'en ai eu à les faire.</p>
	<br>Alexandre Letertre
    </td>
  </tr>
</table>

Autre chose. Dans ces pages :
http://www.moai.dafun.com/vegetaux.htm
http://www.moai.dafun.com/liquides.htm
http://www.moai.dafun.com/paysages.htm
http://www.moai.dafun.com/macros.htm
http://www.moai.dafun.com/mammiferes.htm
http://www.moai.dafun.com/poissons.htm
http://www.moai.dafun.com/reptiles.htm
le lien Accueil n'est pas valide, cela renvoie vers une page accueil.htm qui n'existe pas au lieu de index.htm ((je crois que pour les autres pages du site, il n'y a pas d'erreur).

[le_chomeur]

auteur => tu crois qu'on va avoir une pièce pour l'aide ? lol
j'ai lu son intro , et j'ai été surpris de la qualité de ses photos !

bravo pygoCENTRUS pour ces photos !

[pygoCENTRUS]

auteur> merci pour la correction ,pour les liens non valides je m'en occupe

le chômeur>je vous offrirais une photo , merci pour le compliment

edit>maintenant le texte est a gauche

[Auteur]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
	<div class="element_corps">
	
	<div id="corps">
	<div class="element_corps">


<table  style="width:500px; height:350px; text-align:center">
  <tr>
    <td style="vertical-align:top; text-align:left; height:200px">
	<p>Une brève présentation pour vous raconter l'histoire de ce site.</p>
	<p>Il y a 22ans de cela je vois pour la première fois notre monde, un regard qui très vite est attiré vers dame nature.</p>
	<p>Très jeune passionné d'ornithologie, je rêve déjà devant les clichés d'un de mes oncles travaillant sur argentique à l'époque, puis mes pensées pour la photographie s'envolèrent rapidement à cause de mon jeune âge sans doute.</p>
	<p>Quelques années plus tard, de nouvelles passions font leur apparition (botanique,aquariophilie...) et très vite l'envie de faire de belles photos se fait ressentir, c'est à ce moment que je le virus de la photographie arriva réellement.</p>

	<p>Mon premier appareil fut le compact de mon grand frère sur lequel j'adaptais des lentilles pour tenter de faire de la macro, quelques mois passèrent et j'achetais mon tout premier reflex: un canon eos 350D.</p>
	<p>A partir de ce moment la photographie allait devenir bien plus qu'un simple plaisir, il me fallut apprendre les techniques de base (ouverture, obturation, etc...) pour vraiment apprécier cet art et avoir envie de faire partager mes clichés</p>
 
	<p>Voilà en bref comment je suis arrivé à la création de ce site, je vous souhaite une agréable visite en espérant que vous prendrez autant de plaisir à regarder mes photos que j'en ai eu à les faire.</p>
	<br>Alexandre Letertre
    </td>
  </tr>
</table>



</div></div>

Tu ouvres 3 div et tu n'en fermes que 2 !!!!

Je pense que le 1er

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

	<div class="element_corps">

est de trop (celui qui se trouve avant <div id="corps">)

Ton div id="corps" fait 659px; (d'après ta feuille de style, donc ton tableau fait également 659px). Aucun alignement est précisé dans id="corps" donc ton tableau est à gauche.

Que veux-tu faire ?

[pygoCENTRUS]

mauvaise manip' sans doute

je viens de transférer le site sur a son adresse définitive > http://pyg0pixxx.com

[Auteur]

que voulais-tu faire avec la page presentation ?

[pygoCENTRUS]

je voulais juste un cadre noir autour du texte et qu'il soit centré

[Auteur]

j'ai mis une bordure de 2 pixels autour du tableau (attribut border dans la balise table).

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<table style="height: 350px; text-align: center; border: 2px solid #000000; ">

[edit]
Sur la page http://www.pyg0pixxx.com/palmipedes.htm, il manque les deux dernières photos du caneton : il y a bien les miniatures et les images en taille réelle (celles qui s'affichent dans la pop-up) mais pas les images du "diaporama".
[/edit]

[pygoCENTRUS]

merci pour la correction,c'est sympa de me prévenir des bugs car je n'ai pas tout vérifie (quelques échecs lors du transfert) merci beaucoup

est il possible d'avoir un espace de 10px entre le texte et le cadre ? stp

[Auteur]

est il possible d'avoir un espace de 10px entre le texte et le cadre ? stp

oui, recherche cette ligne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td style="vertical-align: top; text-align: left; height: 200px; padding: 5px;">

et remplace padding:5px par padding:10px (padding = marge intérieure).

Par contre un truc me chagrine : ta feuille de style (index.css) Je crains que ton tableau déborde du div id="coprs" (sous FF). Je suis presque tenté de te proposer un autre code pour ta page de présentation

[pygoCENTRUS]

je viens de modifier le padding et rien ne change

j'accepte toute proposition ,en tout cas j'admire ton courage

[Auteur]

bon je vais voir ce que je peux faire

[le_chomeur]

je viens de modifier le padding et rien ne change

j'accepte toute proposition ,en tout cas j'admire ton courage

lol idem ^^ Auteur porte bien son pseudo il aura été l'auteur de ta galerie

[Auteur]

lol idem ^^ Auteur porte bien son pseudo il aura été l'auteur de ta galerie

à défaut d'être l'auteur de nombreux articles



pygoCENTRUS : il te faudra patienter quelques jours...

[Auteur]

Voilà... j'espère que cela te conviendra.

Dans le dossier presentation, il y a
- la feuille de style (presentation.css)
- le fond (fond.jpg)
- la bannière (baniiere.jpg)
- rss.jpg
- rss2.gif que j'ai ajouté et qui est le logo RSS que j'utilise (il est un peu plus grand que rss.jpg. S'il ne te convient pas utilise rss.jpg)

J'ai repris une partie du code HTML des galeries ainsi qu'une partie la feuille de style (body, #en_tete, #corps, #menu, #pied_de_page).

J'ai ajouté un div (class="signature") qui permet de mettre ton nom en bas à droite et en italique.

Attention : je n'ai pas mis dans la pièce jointe le fichier 27.mp3 (le fond sonore). Cela faisait un fichier zip trop volumineux, donc impossible à poster. N'oublie pas de le rajouter


------------------------------------------

Pour un meilleur référencement, tu devrais ajouter dans tes pages web la balise meta description :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<meta name="Description" content="Alexandre Letertre photographie">

ainsi que la balise meta keywords :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<meta name="keywords" content="photos, photographies, alexandre letertre, nature, animaux, ornithologie, botanique, aquariophilie">

tu peux ajouter d'autres mots-clefs, mais évite la répétition


Ajoute ces balises meta dans la partie head des pages HTML.

[Auteur]

une erreur s'est glissée dans le code source de la page presentation.htm

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
  <object type="audio/mpeg" data="presentation_fichiers/27.mp3" height="0" width="0">
  <param name="filename" value="27.mp3">
  <param name="autostart" value="true">
  <param name="loop" value="false">
  </object>

ce n'est pas le bon dossier

remplace "presentation_fichiers" par "presentation"

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
  <object type="audio/mpeg" data="presentation/27.mp3" height="0" width="0">
  <param name="filename" value="presentation/27.mp3">
  <param name="autostart" value="true">
  <param name="loop" value="false">
  </object>

[pygoCENTRUS]

encore merci c'est nikel