galerie photo

Version imprimable

Voir 40 message(s) de cette discussion en une page

01/06/2008, 00h02
Auteur

pygoCENTRUS >> tu as pu modifier la couleur du fond du cadre des photos de la page oiseaux.htm ?
01/06/2008, 00h07
pygoCENTRUS

bravo auteur pour la 100eme réponse :yaisse2::yaisse2::yaisse2: :lol:

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 :aie:
01/06/2008, 10h33
le_chomeur
pour l'espace entre ton corp et pied de page, j'ai modifié :

Code:

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:

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 :)

pygoCENTRUS : pour ton tableau tu t'es mélangé les pinceaux :D. 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:

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).

01/06/2008, 13h33
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 !
01/06/2008, 18h25
pygoCENTRUS

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

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

edit>maintenant le texte est a gauche :aie:

Code:

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:

<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 ?

02/06/2008, 21h32
pygoCENTRUS

mauvaise manip' sans doute :oops:

je viens de transférer le site sur a son adresse définitive > http://pyg0pixxx.com
02/06/2008, 21h59
Auteur

que voulais-tu faire avec la page presentation ?
02/06/2008, 22h55
pygoCENTRUS

je voulais juste un cadre noir autour du texte et qu'il soit centré
03/06/2008, 11h29
Auteur

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

Code:

<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]
03/06/2008, 12h40
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 :oops:
03/06/2008, 13h02
Auteur
Citation:

Envoyé par pygoCENTRUS

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

oui, recherche cette ligne :
Code:

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 :aie: :oops:
03/06/2008, 14h28
pygoCENTRUS

je viens de modifier le padding et rien ne change :?

j'accepte toute proposition :mrgreen:,en tout cas j'admire ton courage :king:
03/06/2008, 20h10
Auteur

bon je vais voir ce que je peux faire :roll:
03/06/2008, 22h11
le_chomeur

Citation:

Envoyé par pygoCENTRUS

je viens de modifier le padding et rien ne change :?

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

lol idem ^^ Auteur porte bien son pseudo il aura été l'auteur de ta galerie ;)
03/06/2008, 23h59
Auteur

Citation:

Envoyé par le_chomeur

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

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

pygoCENTRUS : il te faudra patienter quelques jours... ;)
04/06/2008, 10h15
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:

1 2 <meta name="Description" content="Alexandre Letertre photographie">
ainsi que la balise meta keywords :
Code:

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.

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

Code:

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 :aie:

remplace "presentation_fichiers" par "presentation"

Code:

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>

04/06/2008, 22h34
pygoCENTRUS

encore merci c'est nikel :yaisse2::king:

Voir 40 message(s) de cette discussion en une page