Pb mise en page [résolu]

[cyrillle]

Bonjour,
Quand je fais un copier coller lors de la saisie des informations d'un produit
je perds le cadre :
http://helircshop.com/index.php?route=p ... duct_id=83

comment faire pour RECADRER les choses

merci

[LeorLindel]

Je présume que tu aimerais que ton document ne dépasse pas de la zone lui étant imparti !

C'est à toi lors de la création du document que tu veux inclure dans l'onglet "Description" de ton produit, à définir les dimensions de ton tableau ainsi qu'à *re-dimensionner tes images afin que ce document ne dépasse pas de la zone qui lui est destiné.

Mais ce problème correspond plus à un sujet général de mise en page html qu'à Opencart.
Je te suggère donc de consulter des sites relatifs au html, tel que le site du zéro ou bien alsacréations.

* Ta première image (kx018e06_1.jpg) est déjà de cette dimension : 820px × 368px donc c'est un peu logique qu'elle dépasse d'une zone de largeur de 578px

[Diabolo]

Slt,

je perds le cadre :

C'est normal, dans ton exemple l'image principale (hélico en description) fait 820px de large alors que ta partie centrale de ton site en fait 600px.

Pour résoudre ton prob :
- Soit tu retailles toutes tes images
- Soit tu revois la dispo du template pour augmenter la largeur centrale (ex: suppression des blocs de coté)

Regarde ton image hélico en accueil, elle fait aussi 820 de large mais à un redimensionnement html à 482px
http://www.commentcamarche.net/contents ... mages.php3

[cyrillle]

Merci pour votre aide grâce à vos pistes j'ai modif la css dans le template.
Je marque la modif cela peu aider :

ligne 41

Code: Tout sélectionner

/* layout */
#container {
   [b]width: 980px;[/b]
   margin-left: auto;
   margin-right: auto;
   padding: 5px 10px 5px 10px;
   text-align: left;
   background-color: #EADABA;
}

par

Code: Tout sélectionner

/* layout */
#container {
   [b]width: 1280px;[/b]
   margin-left: auto;
   margin-right: auto;
   padding: 5px 10px 5px 10px;
   text-align: left;
   background-color: #BBBBBB;
}


un peu de manip pour les images et hop, ça devrait aller !!!
je suis

A bientôt.

[LeorLindel]

Je viens de corriger ta réponse pour cette fois mais pour une meilleure lisibilité, peux-tu à l'avenir mettre ton code dans les balises destinées à cet effet "Bouton Code".

Te remerciant de ta compréhension.

[Diabolo]

Slt,
@cyrillle

Ta solution n'est pas bonne car du coup tu agrandi la laregur du site avec une résolution de 1280px

Celui qui a un écran de 17 pouces il va faire la gueule quand il va falloir scroller en horizontal

960/980px est reconnu comme un bon compromis, pense à tes utilisateurs

[LeorLindel]

Entièrement d'accord, surtout que sans barre de défilement horizontale, le pauvre utilisateur qui visualise ton site sur un ordinateur portable ne s'amusera surement pas à utiliser les touches de déplacement pour visualiser ta colonne de droite.

Il fera comme je ferai........ c'est à dire sortir de ce site.