FORUM Tom's Hardware » Programmation » HTML / Javascript » Foutues feuilles de style...
 

Foutues feuilles de style...

Il y a 353 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Foutues feuilles de style...
 
Et hop !
Plus d'informations

Tout d'abord, j'espère ne pas m'être trompé de cat', auquel cas il serait sympa de juste le déplacer. ;)

Suite à ce sujet -> http://forum.presence-pc.com/prese [...] 1861-1.htm, j'en suis donc à personnaliser un squelette SPIP avant de le balancer sur le serveur. Donc je modifies le pied de page et le header et arrivé à inc_noitem.html, alors que je veux juste changer, ça ne prends pas mes modifs', normal, il ya une feuille de style... :fou:

J'ouvre donc cette feuille de style et je cherche à modifier l'arrière plan (background donc :o) sauf qu'au lieu que ce soit une couleur, je voudrais que ça soit une image...

A noter que dans ma page HTML, il y a le fond et un cadre au milieu avec la bannière et du texte dont le fond est blanc.

Je n'arrive donc pas à mettre une image en arrière-plan et j'aimerais avoir de l'aide.

En espérant avoir été assez complet, merci de votre aide. :)


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Profil : Pointeur
Plus d'informations
Profil : Pointeur
Plus d'informations

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Et hop !
Plus d'informations

J'ai vu le site et ona tenté ça hier mais cela ne marchait de toute évidence pas :o

En fait soit ça me met bien l'image en fond mais le cadre blanc disparait ou alors ça me met le fond en blanc et la police est toute hideuse :o

Je vais réessayer mais bon...


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Et hop !
Plus d'informations

Bon ben Kangol si t'as une illumination :o...


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Plus d'informations

Il faudrait un peu de code pour illuminer...

Et hop !
Plus d'informations

OK attends je te trouves ça ;)


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Et hop !
Plus d'informations

Code :
  1. *-----------------------------------------------------
  2.     ma librairie css screen
  3.     version: 1.1
  4.     date:    2005.06
  5.     author:  Tristanf
  6. ------------------------------------------------------*/
  7. /* Main tags ------------------------------------*/
  8. html, body {
  9.   margin: 0;
  10.   padding:0;
  11.   background:#75C254;/*#84CA66; /*#94CD7C;  #75C254;*/
  12.   font:x-small Georgia, Arial, Verdana; 
  13.   text-align: center; /* IE5 doesnt support margin auto */
  14. }



En fait, je voudrais changer le fond vert de la page noitem.html. Je modifies donc la ligne ci-dessus 'background' mais même avec background-image : url(repertoire/image.extension), cela ne marche pas...

http://img295.echo.cx/img295/6304/capturenoitemhtml8co.jpg


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Plus d'informations

T'es sûr que

Code :
  1. background-image : url("répertoire/image.extension" );


ne marche pas? chez moi,en reprenant ta feuille telle quelle, ça marche, sur Firefox et Explorer. T'as pas oublié les guillemets?

Et hop !
Plus d'informations

Je vais rééssayer mais avec IE ça ne marchait pas :o


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Et hop !
Plus d'informations

J'ai fait la manip avec exactement le bon code, les guillements au bon endroit et voilà ce que ça donne :

http://img174.echo.cx/img174/2391/capturenoitemhtml4du.jpg

Idem si je met../ avant le repertoire...

Serait ce parce que l'image n'est pas au même endroit que la page HTML ?


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Plus d'informations

Il faut au moins la mettre dans ton répertoire-source, tu peux faire des sous dossiers, mais mets l'ensemble de tes fichiers dans le même ensemble.
je sais pas si c'est très clair?
En gros, dans le fichier qui contient tes fichiers, soit tu mets ton image direct, et tu l'appelles juste avec son nom : url("image.extesion" ), soit tu fais des sous dossiers et là tu diras par exemple: url("images/image.extension" )


Message édité par zecolin le 13-06-2005 à 15:23:22
Et hop !
Plus d'informations

C'est ce que j'ai fait mais apparament il veut pas donc je vais essayer de le placer à la racine, là où il y a le fichier noitem.html


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Profil : Pointeur
Plus d'informations

1/ faut pas mettre les guillemets :o
2/ c'est l'url relative depuis le css qu'il faut mettre :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Et hop !
Plus d'informations

a écrit :

1/ faut pas mettre les guillemets :o
2/ c'est l'url relative depuis le css qu'il faut mettre :o



Ah de toute façon, avec ou sans guillemets ça marchait pas :o

Qu'entends-tu par adresse relative ? Que je mette le chemin ou non ?


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Plus d'informations

Oups, désolé pour l'intox, j'avais un exemple avec des guillemets qui marchait, je note... :D

Profil : Pointeur
Plus d'informations

bha le chemin doit etre depuis la feuille de style et pas depuis la page html...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Et hop !
Plus d'informations

:heink:

Donc si je met l'image au même niveau que la feuille de style ça devrait marcher c'est cela ? :o


---------------
[:gambit:8] Le Sidth des dieux, l'instant culture [:gambit:8]
La kültüre c'est bon, mangez-en :o

 

Profil : Pointeur
Plus d'informations

oui


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u