Espace Membre
Partenaires
GameCorp - Index des forums
Game Making
Programmation
Création de sites
Lien sous forme d'image définit par CSS

Lien sous forme d'image définit par CSS

Huntil Message lu Posté le 07 Avr 2010 à 20:34 Bulle
Avatar de Huntil
Modérateur

Messages : 1012
GCPoints : 289843
 Je crois que tout est dans le titre :smile: J'aimerais faire de la bannière de mon site un lien vers la page d'accueil, et cette image change selon la CSS utilisée. Comment faire ?
Copyright © 2007 - 2010 Huntil
"Il faut toujours un drame"
stilobique Message lu Posté le 07 Avr 2010 à 21:26 Bulle
Avatar de stilobique
Newser

Messages : 2368
GCPoints : 834447
 J'ai pas compris :absurd:

En tout cas tu ne peut pas mettre un lien dans le CSS.

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Huntil Message lu Posté le 07 Avr 2010 à 21:34 Bulle
Avatar de Huntil
Modérateur

Messages : 1012
GCPoints : 289843
 Je veux simplement faire d'une image un lien vers une autre page, en l'occurrence que lorsqu'on clic sur la bannière du site on soit redirigé vers la page d'accueil. En théorie c'est facile:
<a href="accueil.php"><img src="banniere.png"></a>
Sauf que l'image dépends du design, elle est définit dans le CSS
Code :
#en_tete
{
        ...
	background-image: url("images/banniere.png");
	background-repeat: no-repeat;

}

Donc comment faire (sous-entendu proprement :rolleyes: ) ?

Edit: Ah mais peut-être qu'en utilisant une balise div avec un attribut id à la place de la balise image ?
Dernière édition le 07 Avr 2010 à 21:37
Copyright © 2007 - 2010 Huntil
"Il faut toujours un drame"
Daru13 Message lu Posté le 07 Avr 2010 à 21:44 Bulle
Avatar de Daru13
Membre Elite

Messages : 2869
GCPoints : 95966
 Si c'est bien ce que j'ai compris... Il te suffit d'avoir plusieurs feuilles de styles ( par contre je sais pas comment les changer sans passer par le code, mais je sais que c'est possible... ).
Et avec un peu de code... :smile: .

Code : html 
<a href="http://www.tonsite.com/">
<div class="banniere"></div>
</a>


Code : css 
.banniere
{
background-image: url("banniere.png");
width: 500px;
height: 75px;
}


Dans chaque feuille de style, tu mets un style pour la class banniere, mais en changeant l'url de l'image de fond.
Comme ça en changeant de feuille de style, tu changes l'image ;).

Par contre, ça ne marchera que sur ton site, si c'est destiné à être mit sur d'autre sites web, c'est différent : faut que l'image pointé par la balise <img/> puisse être dynamiquement changée ( en changeant le nom des images, ou leurs emplacements par exemple ).

Si c'est pas ça, j'ai pas plus pigé que Killpatate :tongue: .

EDIT : J'avais pas vu le message au dessus - Effectivement faut utiliser une balise comme div ou span :wink: .
Dernière édition le 07 Avr 2010 à 21:45
Huntil Message lu Posté le 07 Avr 2010 à 22:47 Bulle
Avatar de Huntil
Modérateur

Messages : 1012
GCPoints : 289843
 Ok, merci je vais revoir div, span, id, class, je devrais pouvoir m'en sortir avec ça.
Copyright © 2007 - 2010 Huntil
"Il faut toujours un drame"
stilobique Message lu Posté le 09 Avr 2010 à 11:07 Bulle
Avatar de stilobique
Newser

Messages : 2368
GCPoints : 834447
 Par rapport à ton code CSS tu a juste à mettre l'ID sur la balise de l'image.

Code : CSS 
#en_tete
{
        ...
	background-image: url("images/banniere.png");
	background-repeat: no-repeat;
 
}

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
GameCorp - Index des forums
Game Making
Programmation
Création de sites
Lien sous forme d'image définit par CSS
Répondre
GameCorp - Site d'apprentissage et d'entraide à la création de jeux vidéo.
XHTML Valid 1.1 - Page générée en 0.0561 secondes