begin process at 2012 05 30 04:56:09
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

style sur lien


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

style sur lien

lundi 5 avril 2004 à 17:17:10 | style sur lien

nico606

Slt voila g un texte et quamd on clic dessu g un calque qui s'affiche mais la feuille de style ne s'applique pas

voila la source:

<font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a onClick="document.getElementById('layer1').style.visibility='visible'" class="menu">Chat</a></font>
<div id="layer1" style="width:165px; height:126px; position:absolute; left:192px; top:152px; z-index:1; visibility:hidden;">
<table border="0" width="160">
<tr>
<td width="250" background="design/menu-3.gif">
<p align="center"><b><font color="#5A6BAD">:: Chat
::</font></b></p>
</td>
</tr>
<tr>
<td width="160" height="100" background="design/menu-4.gif">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><a OnClick="na_show_layer('layer1', 1);"><font color="#FFD629" size="1">-
FERMER -</font></a></p>
</td>
</tr>
</table>
</div>

aider moi
nico


lundi 5 avril 2004 à 17:54:05 | Re : style sur lien

leris

salut,

si tu as une feuille de style , que font ces indications de "font" et "background" ?

que contient la feuille de style ?

quelle est l'utilité du "tableau" ?

donne plus de code.

++

L.
lundi 5 avril 2004 à 21:01:15 | Re : style sur lien

nico606

dac voila la page + la feuille de style
page:




<meta name="generator" content="Namo WebEditor v4.0">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="0" width="160" cellspacing="0" cellpadding="0" background="design/menu-2.gif" style="font-size: 8 pt"><tr>
<td width="100%" height="20" background="design/menu-3.gif">
<p align="center"><font color="#5A6BAD"><b>:: Le site ::</b></font></p></td></tr><tr>
<td width="100%" height="100" background="design/menu-4.gif">
<p> </p>
</td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Forums</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Livre
d'or</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a onClick="document.getElementById('layer1').style.visibility='visible'" class="menu">Chat</a></font>
<div id="layer1" style="width:165px; height:126px; position:absolute; left:192px; top:152px; z-index:1; visibility:hidden;">
<table border="0" width="160">
<tr>
<td width="250" background="design/menu-3.gif">
<p align="center"><b><font color="#5A6BAD">:: Chat
::</font></b></p>
</td>
</tr>
<tr>
<td width="160" height="100" background="design/menu-4.gif" valign="bottom">
<p align="center"><font color="#FFD629">  -</font><a onClick="document.getElementById('layer1').style.visibility='hidden'"><font color="#FFD629" size="1">
FERMER -</font></a></p>
</td>
</tr>
</table>
</div>
</td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"></font><a class="menu" href="contact.php">Contact</a></td></tr><tr>
<td width="100%" height="20" background="design/menu-3.gif">
<p align="center"><font color="#5A6BAD"><b>:: Moi ::</b></font></p></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">My
description</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Mes
sites</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-3.gif">
<p align="center"><font color="#5A6BAD"><b>:: Scripts utiles ::</b></font></p></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Les
scripts</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Uploader
vos scripts</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-3.gif">
<p align="center"><font color="#5A6BAD"><b>:: Robotique ::</b></font></p></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">La
galerie</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"><font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://">Uploader
vos céations</a></font></td></tr><tr>
<td width="100%" height="20" background="design/menu-3.gif">
<p align="center"><font color="#5A6BAD"><b>:: Partenairs ::</b></font></p>
</td></tr><tr>
<td width="100%" height="20" background="design/menu-2.gif"> <font color="#FFFFFF"><img border="0" src="design/puce.gif" width="20" height="7"><a class="menu" href="http://www.jeunes-webmasters.com" target="_blank">Jeunes
Webmasters</a></font></td>
</tr></table>

(il s'agie d'un include pour php)

et la feuillle de style

body {scrollbar-arrow-color: #5A6BAD; scrollbar-track-color: #FFD629; scrollbar-face-color: #FFD629; scrollbar-shadow-color: #5A6BAD; scrollbar-highlight-color: #5A6BAD; scrollbar-darkshadow-color: #FFD629; scrollbar-3dlight-color: #FFD629;}

body, td, tr, p, dd, dl {color: #000000; font-family: verdana; font-size: 8pt}

a:link {color: #5A6BAD; text-decoration: none}
a:visited {color: #5A6BAD; text-decoration: none}
a:hover {color: #000000; text-decoration: none}

a.menu:link {color: #FFFFFF; text-decoration: none}
a.menu:visited {color: #FFFFFF; text-decoration: none}
a.menu:hover {color: #FFD629; text-decoration: none}

input, textarea, select {margin: 1; font-size: 8 pt; font-family: Verdana; color: #5A6BAD; background-color: #FDECAF; border: 1 solid #5A6BAD}
form {margin-bottom: 0; margin-top: 0;}
hr {background-color: #5A6BAD; border: 1 dotted #5A6BAD}

.img1 {background-color: #FFCC66; border: 1 dotted #5A6BAD}
.aide {cursor: help}
.ifrcom {border: 1 solid #9900CC}


nico
mardi 6 avril 2004 à 00:45:26 | Re : style sur lien

chimelpremier


.menu a:link {color: #FFFFFF; text-decoration: none}
.menu a:visited {color: #FFFFFF; text-decoration: none}
.menu a:hover {color: #FFD629; text-decoration: none}

ça devrait mieux fonctionner !
mardi 6 avril 2004 à 01:05:32 | Re : style sur lien

leris

re,

modifie egalement cette ligne , pour montrer que c'est un lien :

<a href="#" onClick="document.getElementById('layer1').style.visibility='visible';return false;" class="menu">Chat</a>

idem dans le calque pour fermer .

++

L.
mardi 6 avril 2004 à 13:34:51 | Re : style sur lien

nico606

c bon ca marche merci
nico
mardi 6 avril 2004 à 13:39:21 | Re : style sur lien

nico606

Par contre, chimelpremier, ton truc y marche pa
nico


Cette discussion est classée dans : code, style, lien, chat


Répondre à ce message

Sujets en rapport avec ce message

Probleme de lien Hover... [ par Mirror1661 ] Hello,J'ai ecrit un code (en bas) pour les liens mais j'ai un petit probleme : les liens visités ne changent plus de couleur quand ils sont hover... P par dessous ou par dessous ...? [ par GuilleW ] voila .. il me faudrai un code du style :z-index:'100'mais dans une fonction ... je m'explique ...disons que j'ai deux en posi Feuilles de style [ par mathieumg ] Bonjour j'aimerais faire une page avec différentes sortes de lien et de mousevers mais je ne sais pas comment. Je crois qu'il faut utiliser les feuill Probleme de passage de variable [ par redpooka ] Quand je fais ceci ça ne marche pasLien function Affiche(N HELP pour insertion de code dans une [ par Lenulos ] Bien, bienJe n'y connais strictemtn rien en javascipt à part (alert et prompt) mais g quand même fais un petit script et j'aimerais qu'il démarre quan Clignotement php et java ... Help plz [ par letrucaso ] Bonjour a tous,Voila j'ai un script php de chat que j'ai fait moi meme biensur avec une admin etc (ici)Seulement un chat en php c'est chiant pour la r bouton,lien,target [ par feezooz ] salut,onclick="javascript:location.href='ques1.html'">voici le code pour un bouton avec un lienmais j'aimerais que sa ouvre ma page dans une frame dej Question de débutant [ par DeViL66 ] Bonjour tout le monde !! Je débute en html et j'aimerai avoir une petite aide, car j'ai un peu de mal Je fait un petit site et j'aimerai que dans le m problème avec un lien pr 2 iframes différentes [ par marcel67 ] je souhaiterai afficher 2 iframes différentes après avoir clickésur un même lien voila le code ke j'utilise ://<a href="img1.html" target="zone2" onMo NODE probleme HELPME [ par youpiyoyo ] j'ai une arborescence de ce type:/***********************************************************************************************************/<FO


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales