Premier essai de site web

Version imprimable

28/08/2011, 13h57
Lucky luc

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

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

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

28/08/2011, 16h22
Lucky luc

Merci beaucoup,J'aprecie le conseil
28/08/2011, 19h15
FirePrawn

Bonjour,

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

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
28/08/2011, 20h16
laurentSc

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...
28/08/2011, 21h52
Lucky luc

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.
28/08/2011, 21h57
laurentSc

Citation:

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

Je ne comprends pas.
28/08/2011, 22h22
Lucky luc

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.
28/08/2011, 23h32
Invité

Code:

<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 %
29/08/2011, 02h57
Lucky luc

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

:ccool: