Premier essai de site web [Résolu]

Lucky luc · 28/08/2011, 13h57

J'essais de me faire page web, c'est ma premiere. pour commencer je vais avouer que c est un vrai cauchemar. sur la page photographie, je me suis servi de la commande </br> pour l'espace entre 2 ligne de photo, mais j'aimerais avoir cette espace moins large.
Esque c'est possible ?

http://www.lucky-luc.com

laurentSc · 28/08/2011, 16h01

Une solution serait de ne pas ajouter plein de code inutile et qui rajoute plein d'espaces (des tables html en trop) :

Code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<table>
  <tbody>
    <tr>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/bridge117Rosemere.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/sunsetwalk.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/Blainvillesunshine.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/Ladam.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/linx.jpg"
 border="0" height="91" width="98"></td>
    </tr>
    <tr>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/Urbain/Ptitefilleetcecanard-1.jpg"
 target="_blank" border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/Cadietransporterrgb10d.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/Woodpeckersansbranche.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/F-stopcadre.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/My%20web%20site/grenouille.jpg"
 border="0" height="91" width="98"></td>
    </tr>
    <tr>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/Crane03.jpg"
 target="_blank" border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/Insecte/Escargotsurfleur2fix-1.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/Duckface.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/_____Animals/Lesiffleux2.jpg"
 border="0" height="91" width="98"></td>
      <td><img
 src="http://i1112.photobucket.com/albums/k482/masterLucky-Luc/forum%20a%20dan/Larouedutemps.jpg"
 border="0" height="91" width="98"></td>
    </tr>
  </tbody>
</table>

Lucky luc · 28/08/2011, 16h22

Merci beaucoup,J'aprecie le conseil

FirePrawn · 28/08/2011, 19h15

Bonjour,

Pour compléter la réponse déjà donnée, il est conseillé de fermer tes balises img : <img alt=""... />

jreaux62 · 28/08/2011, 19h50

Bonjour,
les images d'illustration de ton site sont très lourdes (140 à 330ko/image !).
Tu devrais les optimiser :
- soit passer en .jpg (pour certaines, opaques)
- rester en .png (si transparence) mais optimiser avec optipng

laurentSc · 28/08/2011, 20h16

Citation:

Pour compléter la réponse déjà donnée, il est conseillé de fermer tes balises img

C'est nécessaire pour être valide W3C, mais ça marche sans le faire...

Lucky luc · 28/08/2011, 21h52

Citation:

Envoyé par jreaux62

Bonjour,
les images d'illustration de ton site sont très lourdes (140 à 330ko/image !).
Tu devrais les optimiser :
- soit passer en .jpg (pour certaines, opaques)
- rester en .png (si transparence) mais optimiser avec optipng

Oui t'a raison. j'avais l'intention de faire ca .
Pour l'instant, j'ai une autre preocupation, Ma barre de menu bouge quand on soit zoom la page ou changer la resolution.

Merci a tous pour les reponse.

laurentSc · 28/08/2011, 21h57

Citation:

Ma barre de menu bouge quand on soit zoom la page ou changer la resolution

Je ne comprends pas.

Lucky luc · 28/08/2011, 22h22

Citation:

Envoyé par laurentSc

Je ne comprends pas.

La barre de menu, pour naviguer sur differente page est sur une ligne. elle se defait et se place sur 2 ligne. les bouton se deplace.

jreaux62 · 28/08/2011, 23h32

Code :

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

<div class="menu bubplastic horizontal aqua">

Il faudrait mettre de l'ordre dans ton CSS : 4 class pour un malheureux menu, c'est beaucoup trop !

ps : ton menu bouge, car il est basé sur des %

Lucky luc · 29/08/2011, 02h57

Citation:

Envoyé par laurentSc

Une solution serait de ne pas ajouter plein de code inutile et qui rajoute plein d'espaces (des tables html en trop) :

28/08/2011, 13h57	#1
Lucky luc Candidat au titre de Membre du Club Luc Inscription : août 2011 Messages : 12 Détails du profil Informations personnelles : Nom : Luc Âge : 50 Localisation : Canada Informations professionnelles : Secteur : Transports Informations forums : Inscription : août 2011 Messages : 12 Points : 10 Points : 10	Premier essai de site web J'essais de me faire page web, c'est ma premiere. pour commencer je vais avouer que c est un vrai cauchemar. sur la page photographie, je me suis servi de la commande </br> pour l'espace entre 2 ligne de photo, mais j'aimerais avoir cette espace moins large. Esque c'est possible ? http://www.lucky-luc.com
	00

28/08/2011, 16h22	#3
Lucky luc Candidat au titre de Membre du Club Luc Inscription : août 2011 Messages : 12 Détails du profil Informations personnelles : Nom : Luc Âge : 50 Localisation : Canada Informations professionnelles : Secteur : Transports Informations forums : Inscription : août 2011 Messages : 12 Points : 10 Points : 10	Merci beaucoup,J'aprecie le conseil
	00

28/08/2011, 19h15	#4
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 776 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 776 Points : 2 340 Points : 2 340	Bonjour, Pour compléter la réponse déjà donnée, il est conseillé de fermer tes balises img : <img alt=""... /> __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	10

28/08/2011, 19h50	#5
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, les images d'illustration de ton site sont très lourdes (140 à 330ko/image !). Tu devrais les optimiser : - soit passer en .jpg (pour certaines, opaques) - rester en .png (si transparence) mais optimiser avec optipng __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

28/08/2011, 23h32	#10
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Code : Sélectionner tout - Visualiser dans une fenêtre à part <div class="menu bubplastic horizontal aqua"> Il faudrait mettre de l'ordre dans ton CSS : 4 class pour un malheureux menu, c'est beaucoup trop ! ps : ton menu bouge, car il est basé sur des % __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email