Placer des liens dans du CSS
Résolu
francdrum
Messages postés
853
Date d'inscription
Statut
Membre
Dernière intervention
-
francdrum Messages postés 853 Date d'inscription Statut Membre Dernière intervention -
francdrum Messages postés 853 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de bosser sur un site fait presque entièrement en CSS
(c'est un kit que j'ai trouvé)
Enfin, le gros du site est presque fait, mais je voudrais lui mettre un enjoliveur ;-)
Je précise que je suis nul en CSS ...
Pour le menu, j'ai réussi, mais je voudrais ajouter d'autres liens dans le header, et : impossible
(C'est un site en 3 langues, et je voudrais mettre le choix à cet endroit)
Je copie un bout du CSS :
Merci d'avance
/*/////////////////////////////////// HEADER //////////////////////////*/
#header {
width:900px;
height:301px;
font-weight:bold;
text-transform:uppercase;
background:#ededed url(images/header.png) no-repeat left top;
}
/*/////////////////////////////////// MENU A GAUCHE //////////////////////////*/
#menu {
float:left;
display:inline;
width:167px;
text-align:left;
margin:0 0 0 50px;
}
#menu h2 {
width:167px;
height:30px;
line-height:30px;
font-size:10pt;
margin:0;
padding:0 0 0 10px;
color:#8d8d8d;
background: url(images/rubrique.png) no-repeat left top;
}
#menu ul {
margin:0 0 15px 0;
width:152px;
font-size:10pt;
list-style:none;
}
#menu ul li {
width:167px;
}
#menu ul li a {
display:block;
margin:0px;
padding:0 0 0 20px;
width:167px;
height:29px;
line-height:29px;
text-decoration:none;
color:#699a0a;
background: url(images/lien.png) no-repeat left top;
}
#menu ul li a:hover {
text-decoration:underline;
}
/*/////////////////////////////////// CORPS //////////////////////////*/
Je suis en train de bosser sur un site fait presque entièrement en CSS
(c'est un kit que j'ai trouvé)
Enfin, le gros du site est presque fait, mais je voudrais lui mettre un enjoliveur ;-)
Je précise que je suis nul en CSS ...
Pour le menu, j'ai réussi, mais je voudrais ajouter d'autres liens dans le header, et : impossible
(C'est un site en 3 langues, et je voudrais mettre le choix à cet endroit)
Je copie un bout du CSS :
Merci d'avance
/*/////////////////////////////////// HEADER //////////////////////////*/
#header {
width:900px;
height:301px;
font-weight:bold;
text-transform:uppercase;
background:#ededed url(images/header.png) no-repeat left top;
}
/*/////////////////////////////////// MENU A GAUCHE //////////////////////////*/
#menu {
float:left;
display:inline;
width:167px;
text-align:left;
margin:0 0 0 50px;
}
#menu h2 {
width:167px;
height:30px;
line-height:30px;
font-size:10pt;
margin:0;
padding:0 0 0 10px;
color:#8d8d8d;
background: url(images/rubrique.png) no-repeat left top;
}
#menu ul {
margin:0 0 15px 0;
width:152px;
font-size:10pt;
list-style:none;
}
#menu ul li {
width:167px;
}
#menu ul li a {
display:block;
margin:0px;
padding:0 0 0 20px;
width:167px;
height:29px;
line-height:29px;
text-decoration:none;
color:#699a0a;
background: url(images/lien.png) no-repeat left top;
}
#menu ul li a:hover {
text-decoration:underline;
}
/*/////////////////////////////////// CORPS //////////////////////////*/
A voir également:
- Placer des liens dans du CSS
- Placer des points sur une carte - Guide
- Créer un lien pour partager des photos - Guide
- Vérificateur de liens - Guide
- Ou trouver les liens copiés sur android - Guide
- Telecharger liens direct - Accueil - Outils
5 réponses
un exemple de mapping sur tes drapeaux ! a fignoler !
<img src="http://roudour.web-zik.net/kit2/images/header.png" width="900" border="0" usemap="#imap" >
<map id="imap" name="imap" >
<area shape="rect" coords="714,260,752,285" alt="" title="" href="http://#">
<area shape="rect" coords="756,260,785,285" alt="" title="" href="http://#">
<area shape="rect" coords="792,260,825,285" alt="" title="" href="http://#">
</map>
s'lut,
si c'est avec le "kit2" (cf. post précédent de franc), les liens du "header" sont en fait "mapés" sur une image.
il faut ajouter les coordonnées graphiques de la zone réactive dans le <map>.
dis nous si c'est bien ça…
la suite au prochain épisode !
si c'est avec le "kit2" (cf. post précédent de franc), les liens du "header" sont en fait "mapés" sur une image.
il faut ajouter les coordonnées graphiques de la zone réactive dans le <map>.
dis nous si c'est bien ça…
la suite au prochain épisode !
Merci pour vos réponses si rapides ;-)
Vi, c'est bien le "kit2" .... LOL
Salut à toi :-)
Oui, j'ai déjà essayé d'ajouter des coordonnées ds le html ou ds le CSS, mais rien n'y fait
Mais est il possible de les ajouter, ces coordonnées, mais sans ajouter d'images ??
Genre si je mets mes petits drapeaux de langue ds l'image de fond .... (ooops ! là, je délire un peu, non ?)
En mettant juste un truc du genre :
<MAP NAME="mapimage">
<AREA SHAPE="rect" COORDS="30,14,558,610" HREF="https://www.crew-gmbh.de/unternehmen/wieso-42/">
</MAP>
(les coordonnées ne sont pas faites)
Avec le lien, ce sera plus facile : http://roudour.web-zik.net/kit2/
Merci ;-)
Vi, c'est bien le "kit2" .... LOL
Salut à toi :-)
Oui, j'ai déjà essayé d'ajouter des coordonnées ds le html ou ds le CSS, mais rien n'y fait
Mais est il possible de les ajouter, ces coordonnées, mais sans ajouter d'images ??
Genre si je mets mes petits drapeaux de langue ds l'image de fond .... (ooops ! là, je délire un peu, non ?)
En mettant juste un truc du genre :
<MAP NAME="mapimage">
<AREA SHAPE="rect" COORDS="30,14,558,610" HREF="https://www.crew-gmbh.de/unternehmen/wieso-42/">
</MAP>
(les coordonnées ne sont pas faites)
Avec le lien, ce sera plus facile : http://roudour.web-zik.net/kit2/
Merci ;-)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question