19/01/2010, 07:58:07
Bonjour,
J'utilise Ncleanblue comme gabarit et feuille de style (layout).
Je voudrais que l'image en haut et à gauche du header s'ajuste automatiquement sur le bord gauche du header quelle que soit la taille de l'écran utilisé : Est ce possible ?
j'ai crée un div au niveau du header juste en dessous de {* Start Header, with logo image that links to the default start page *}dans gabarit et dans le CSS j'ai mis le code qui suit :
#perso {
/* adjust according your image size */
position: absolute;
border-top: -100px;
border-left: -100px;
margin-left: -151px;
border-left: 0px;
padding-left: 0px;
height: 111px;
width: 161px;
/* forces full link size */
display: block;
/* this hides the text */
/* you can set your own image here, note size adjustments */
background: url(uploads/NCleanBlue/logo.png) no-repeat left top;
En bidouillant comme ci-dessus, ça marche sur mon écran, mais dès que j'utilise un écran plus large, l'image n'est plus collée sur le bord gauche.
J'ai essayé plusieurs combinaisons : position relative, absolue etc... mais rien n'y fait...
Merci de votre aide
J'utilise Ncleanblue comme gabarit et feuille de style (layout).
Je voudrais que l'image en haut et à gauche du header s'ajuste automatiquement sur le bord gauche du header quelle que soit la taille de l'écran utilisé : Est ce possible ?
j'ai crée un div au niveau du header juste en dessous de {* Start Header, with logo image that links to the default start page *}dans gabarit et dans le CSS j'ai mis le code qui suit :
#perso {
/* adjust according your image size */
position: absolute;
border-top: -100px;
border-left: -100px;
margin-left: -151px;
border-left: 0px;
padding-left: 0px;
height: 111px;
width: 161px;
/* forces full link size */
display: block;
/* this hides the text */
/* you can set your own image here, note size adjustments */
background: url(uploads/NCleanBlue/logo.png) no-repeat left top;
En bidouillant comme ci-dessus, ça marche sur mon écran, mais dès que j'utilise un écran plus large, l'image n'est plus collée sur le bord gauche.
J'ai essayé plusieurs combinaisons : position relative, absolue etc... mais rien n'y fait...
Merci de votre aide
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.6.6
#~ Version du MLE si existante :
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.6.6
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.1
#~ * MenuManager: 1.6.2
#~ * ModuleManager: 1.3.1
#~ * News: 2.10.3
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * Search: 1.6.1
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.5.5
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 10000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: false
#~ * page_extension:
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 4.4.9
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * memory_limit: 64M
#~ * max_execution_time: Illimité
#~ * safe_mode: Off (Faux)
#~ * session_save_path: /var/tmp (1777)
#~ * session.use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: cgi
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.88
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~