creation de sites :

- Création des liens, CSS

Site gratuit de petites annonces motos
occasions Yamaha

Autres messages sur des sujets similaires :
Création de formulaire chez FREE
fichier css
Création de site
Questions sur la création d'un site
Création de sondage

Cours HTML / Javascript / PHP disponibles :
Apprendre les CSS
Créer des liens en HTML

Retour Site Honolulu | Nouveau sujet | Retour aux sujets | Chercher | Connexion

Création des liens, CSS

Auteur: sacha
((---.ppp.tiscali.fr)
Date: 24-12-2004 19:04
673 messages postés sur la création de site

[ 673 msg ]

Bonjour. Comment arriver à pouvoir écrire ça:
<p class="menu">Hello C'est <a href="here.htm">ici!</a></p>
<p class="texte">Visitez <a href="site.htm">notre site</a>, tardez pas!</p>

Sachant que les classes "menu" et "texte" sont totalement différents (couleur, police...). Les liens doivent avoir des effets spécifiques pour "menu" et "texte".

J'ai déjà vu cette methode:
<p class="texte">Visitez <a href="site.htm" class="lien_texte">notre site</a>, tardez pas!</p>
Mais ce n'est ce que je souhaiterai...

Merci pour votre aide #clin#

Répondre à ce message

Re: Création des liens, CSS

Auteur: honolulu
(---.adsl.proxad.net)
Date: 25-12-2004 12:24
1520 messages postés sur la création de site

[ 1520 msg ]

Salut et Joyeux Noël #rire#

Comme ça :

<html>
<head>
<style type="text/css">
.menu {
font-size:12pt;
font-family:Arial;
color:brown;
}
.menu a:link,.menu a:visited,.menu a:hover
{
color:red;
}
.texte {
font-size:12pt;
font-family:Times;
color:green;
}
.texte a:link,.texte a:visited,.texte a:hover
{
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<p class="menu">Hello C'est <a href="here.htm">ici!</a></p>
<p class="texte">Visitez <a href="site.htm">notre site</a>, tardez pas!</p>
</body>
</html>

Répondre à ce message

Re: Création des liens, CSS

Auteur: sacha
((---.ppp.tiscali.fr)
Date: 25-12-2004 12:47
673 messages postés sur la création de site

[ 673 msg ]

Merci, ça marche parfaitement! Cool!

Joyeux Noël, à toi aussi #clin#

Et à tout ceux qui liront ce message #rire#

Répondre à ce message

Re: Création des liens, CSS

Auteur: sacha
((---.ppp.tiscali.fr)
Date: 06-04-2005 19:49
673 messages postés sur la création de site

[ 673 msg ]

Merci pour ton aide,

Maintenant un autre problème se pose. J'aimerais créer un menu CSS en évitant JavScript. Au survol, c'est toute l'arrière-plan de toute la cellule qui doit changer... Voci ce que j'ai mis (juste pour le test) dans la parti <style>:

.menu_cat {padding-left:0px;padding-top:5px;font-size:11pt;font-weight:bold;cursor:default;color:#003A9F;}
.menu_item {padding-left:5px;margin-left:4px;margin-right:4px;margin-bottom:3px;border:2px;border-style:ridge;border-color:#CCCCFF;background-color:#EEEEFF;}
.menu_item a:hover {color:#00FF00;background-color:#FF0000;}

Et dans <body>:

<div class="menu_item"><a href="../">Home Page</a></div>

Et bien, ça marche... Mais c'est seulement l'arrière plan du texte qui change, et pas de toute la cellule... Puis il faut pointer sur le texte pour acceder au lien, alors que moi, je souhaiterai que pointer sur la cellule suffise... J'ai donc essayé:

<a href="../"><div class="menu_item">Home Page</div></a>

Et là, le lien fonctionnne quand on pointe sur la cellule... Mais l'arrière-plan ne change pas. Que puis-je faire pour éviter cela? Merci #clin#

[merci de créer un nouveau fil de discussion stp. honolulu]

Répondre à ce message

Retour Site Honolulu | Liste des Forums

Honolulu : apprendre le html et le javascript