osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> [RESOLU] une image en background dans le Header, tout est dans le titre
jose2
posté 5 Aug 2010, 22:08
Message #1


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Bonjour

J'ais un problème que je n'arrive pas à résoudre, je voudrais afficher une image de fond dans le header, alors que tout fonctionne bien sous un fichier de test, impossible de le faire afficher dans le SITE.

Voice le code

1) dans le CSS

Code
#vacances {
    background-image:url('/vacances.jpg');
    background-repeat:no-repeat;
}


2) dans le header (extrait )

Code
<?php
/*
  $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
define('DIR_WS_TEMPLATE_IMAGES', 'templates/Original/images/');

// WebMakers.com Added: Down for Maintenance
// Hide header if not to show
if (DOWN_FOR_MAINTENANCE_HEADER_OFF =='false') {

if (SITE_WIDTH!='100%') {
?>
<?php
}
?>
    <table width="1000px" ID="vacances"  border="0" cellspacing="0" cellpadding="0"  align="center">
      <tr class="header">
        <td width="80" rowspan="3">
          <div align="left">


Pouvez-vous me dire pourqoui ça ne marche pas sous OSCommerce ??? j'arrive pas à voir l'erreur.

Merci

Ce message a été modifié par jose2 - 7 Aug 2010, 18:52.


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
chti_poupon
posté 5 Aug 2010, 23:31
Message #2


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2757
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Bonsoir !
Template angry.gif ou pas, je viens de relire ma bible css que j'ai compris dedans
A mon avis, il peut y avoir 3 problèmes:
  1. Taille de l'images vacances.jpg qui doit être à la taille de la cellule visée tongue.gif
  2. Formulation incorrecte de l'adresse de l'image (ou image pas là où l'on croit). on s'attendrait à lire DIR_WS_IMAGES.'vacances.jpg' twisted.gif
  3. Le paramètre inconnu, mais dont on devinerait la fonction à son pseudonyme DOWN_FOR_MAINTENANCE_HEADER_OFF evil.gif
    est resté à true dans l'admin... biggrin.gif
Bonne nuit !

Chti poupon
Go to the top of the page
 
jose2
posté 6 Aug 2010, 00:03
Message #3


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Merci pour la réponse

Mais le site fonctionne très bien sauf que le background ne veut pas s'afficher.

on s'attendrait à lire DIR_WS_IMAGES.'vacances.jpg' : je ne vois pas pourquoi je ne peux pas employer mon code alors qu'il marche sans probleme (sauf dans OScommerce) ???

Je ne vois pas comment coder d'une autre façon???

Merci pour l'aide


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
chti_poupon
posté 6 Aug 2010, 08:36
Message #4


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2757
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Bonjour !
C'est dans :
Code
    background-image:url('/vacances.jpg');

que l'on attendrait DIR_WS_IMAGES.'vacances.jpg' ou DIR_WS_TEMPLATE_IMAGES.'vacances.jpg'

define n'est pas une assignation à lire dans un répertoire, mais la création d'une constante DIR_WS... qui vaut ce qui est mis après la virgule. Partout où l'on écrit cette constante, php la remplace par sa valeur..d'où le point de concaténation

Belle journée !

Chti poupon
Go to the top of the page
 
jose2
posté 6 Aug 2010, 11:09
Message #5


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Bonjour

j'ais fait ceci

Code
background-image:url(DIR_WS_IMAGES.'vacances.jpg');


Mais sans résultat

Si tu peux me mettre le code exact car là je vois pas et ça marcha pas

Merci


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
chti_poupon
posté 6 Aug 2010, 11:36
Message #6


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2757
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Mouais !
Dans quel répertoire est rangé vacances.jpg ??
le secret est de mettre
Code
background-image:url('http://<ici le chemin complet menant à>vacances.jpg');

les autres moyens évitent :
  • un lien à charger
  • une adresse variant avec le répertoire où se trouve le fichier d'appel.
Chti poupon
PS lien important ici

Ce message a été modifié par chti_poupon - 6 Aug 2010, 11:44.
Go to the top of the page
 
jose2
posté 6 Aug 2010, 14:34
Message #7


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Merci pour ta réponse

mais j'ais déjà essayé ça aussi sans résultat.

Tout ça fonctioone sur une simple page html mais quand je le place dans OS, là plus rien ?
le background s'affiche pas ..

La raison ????? je sais pas .

je suis pas si débutant que ça, mais là y a quelque chose qui est pas très clair???? c'est du à OS ????

Merci de m'aider

José


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
FoxP2
posté 6 Aug 2010, 15:12
Message #8


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



Citation (chti_poupon @ 6 Aug 2010, 11:36) *
le secret est de mettre
Code
background-image:url('http://<ici le chemin complet menant à>vacances.jpg');

certainement pas ! mieux vaut un chemin relatif, moins de boulot quand on transfert le site local->distant

Citation (jose2 @ 6 Aug 2010, 14:34) *
je suis pas si débutant que ça, mais là y a quelque chose qui est pas très clair???? c'est du à OS ????


tu permets que j'en doutes ?
surtout quand tu testes :
Citation (jose2 @ 6 Aug 2010, 11:09) *
Bonjour

j'ais fait ceci

Code
background-image:url(DIR_WS_IMAGES.'vacances.jpg');


Mais sans résultat

depuis quand un fichier CSS est capable d'interpréter une constante défini dans un fichier php

si ton image de fond ne s'affiche pas, c'est que la path est erroné. Etant donné que le fichier header.php est dans un dossier enfant de Catalog, il te faut remonter l'arborescence de ton répertoire dans le chemin de ton paramètre background-image de ta class css concernée.
Ces bases de connaissances HTML/CSS doivent être connues. Le lien fourni par chti_poupon est bien à propos. Nous sommes très loin d'un sujet vraiment 'Design'.
Go to the top of the page
 
jose2
posté 6 Aug 2010, 17:25
Message #9


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Bonjour FoxP2

Oui, ça me paraissait bizarre aussi mais si j'ai testé ceci



Citation
surtout quand tu testes :

Citation (jose2 @ 6 Aug 2010, 11:09)
Bonjour

j'ais fait ceci


Code
background-image:url(DIR_WS_IMAGES.'vacances.jpg');


Mais sans résultat


C'est suite à la réponse fourni par chti_poupon. qui ne s'est pas avéré correcte blush.gif

maintenant si tu as une bonne solution à me donner je suis preneur. Je ne doute pas que je fais une erreur, mais je vois pas où !!!

J'ais aussi essayé :

Code
background-image:url('http://www.xxxxxxxxx.be/images/vacances.jpg');


Pas plus de résultat

José


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
sykaflex
posté 7 Aug 2010, 00:50
Message #10


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1335
Inscrit : 12-July 08
Lieu : aux Açores au milieu de l'atlantique
Membre no 22434



salut
rien compris mrgreen.gif , essaie peut-être ça :
dans css
Code
TR.header {
background-image: url('images/ton_image.jpg');
background-repeat: no-repeat;
background-position: center;
}

dans header.php
Code
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">
    <td align="center"><img src="images/ton_image.jpg" alt="sykaflex" width="900px" height="200px"></td>
  </tr>
  </table>

ça marche ?

[edith]yavait une fote de gout dans la tisane

Ce message a été modifié par sykaflex - 7 Aug 2010, 07:46.


--------------------
entre chats : chat affamé cherche chat pelure pour faire sauter chat perché dans poil de chat (allergiques s'abstenir)

ah oui ... osCommerce v2.2 RC1 french by Delaballe "merci à lui" - PHP version 4.4.8 - mysql5-41 - OVH 240Plan - contribs : (entre autre) AJAX-AttributeManager-V2.8.2 - Limit_Countries - Multi-Product Update v1.00 - Quick Updates 2.7 - Individual Product Shipping Prices - v1_0 - Attribute Qty Product Info - user_tracking_1 - Visitor Web Stats 3.2.1 - Sort Order - image_subdirectories - master password v1.4 - virementbancaire1.4 - Welcome_Email_password ...
"et grand merci à tous les contributionneurs"
Go to the top of the page
 
jose2
posté 7 Aug 2010, 16:00
Message #11


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Bonjour Sykaflex

Moi aussi j'avais rien compris et après avoir pataugé pendant plusieurts heures je me suis décidé à vous demander un peu d'aide.

Ta réponse est correcte mais le background devait être dans toute la table et pas comme tu me propose.

J'ais fini par trouver la solution, mes codes étaint correct suf que j'avais dans la ligne suivante ceci


Code
   <table width="1000px" ID="vacances"  border="0" cellspacing="0" cellpadding="0"  align="center">
      <tr [color="#FF0000"]class="header"> [/color]
        <td width="80" rowspan="3">
          <div align="left">


Qui lui était dans le CSS

Code
TR.header {
  background: #ffffff;
}


et de ce fait il m'éffacait le Background.

C'était tout bête blush.gif mais je ne voyait pas ( surement le surmenage )

Je ne sais pas si ça peut aider quelqu'un mais on ne sait jamais mrgreen.gif

Merci à tous

José


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
jose2
posté 7 Aug 2010, 17:04
Message #12


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Rebonjour à tous

J'ais de nouveau un petit problème blush.gif

Je trouve plus comment indiquer RESOLU dans le titre .

Alors si un modérateur passe par là ou laissez-moi une indication pour le faire moi-même

là je crois que je suis vraiment très fatigué sad.gif

José


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 
xaglo
posté 7 Aug 2010, 18:10
Message #13


5eme dan OSC
Icône de groupe

Groupe : Administrateur
Messages : 14914
Inscrit : 22-November 02
Membre no 610



http://www.oscommerce-fr.info/forum/index.php?showforum=19

http://www.oscommerce-fr.info/forum/index.php?showtopic=7241
http://www.oscommerce-fr.info/forum/index....showtopic=36121

parmi tant d'autres wink.gif


--------------------
Ni Hot-line ni Service Après Vente, ces forums sont un lieu d'échanges.
Une Question? Rechercher / FAQ / docV1.pdf / docV2.pdf / contributions
Go to the top of the page
 
jose2
posté 7 Aug 2010, 18:56
Message #14


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 35
Inscrit : 10-July 06
Membre no 11071



Bonjour Xaglo

Merci, mais depuis longtemps plus employé et j'étais un peu perdu, j'avais oublié qu'il fallait reprendre le premier message.

Merci


--------------------
ms2fr-051113 - Category Tabs with Subs
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 29th March 2024 - 00:41
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)