FORUM Syndrome-OC - Jacky-PC


  Programmation


  Langage bas niveau(asm...)


  [html] problème style

 
 




Il y a 40 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

S'identifier | S'inscrire | Aide
 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html] problème style

n°5138
vivian
Idée d'un festival du pc
Posté le 05-03-2005 à 14:58:38  profilanswer
 

Bonjour à tous voilà j'ai 2 problème avec ma feuille de style css. Le 1er est que l'image de font ne marche pas  :sweat:  
EEt le 2nd que je n'arrive pas à appliquer une class à mon menu dynamique (java script externe) qui du coup me mes les liens de la mauvaise couleur (liens généraux)
voilà la feuille de style  
 

<style>
body {
 background-image: url("../images/FOND.jpg" ); font-family: Verdana;}
 
/*LIENS/*
 
 /* liens généraux */
a { font-family:Verdana, Arial, ; text-decoration: none; color: #3300CC; }
a:hover { font-family: Verdana, ; text-decoration:underline; color: #3366CC; }
 
 /* liens header */
a.header { color: #3300CC; font-family: Arial; text-decoration: none; font-weight: bold; }
a.header:hover { color: #3366CC; font-family: Arial; text-decoration: underline; font-weight: bold; }
 
 /* liens menu */
a.menu { font-family:Verdana, Arial, ; text-decoration: none; color: #FF0000; font-size: 12px }
a.menu:hover { font-family:Verdana, ; text-decoration: underline; color: #FF0000; font-size: 10px }
 
 
 
/* FIN LIENS */
 
/* DEBUT TEXTE */
 
 /* textes généraux */
font, td { font-family: Verdana; font-size: 12px; color: #000066; }
 
 /* Ecriture en petit */
.petit { font-family: Verdana; font-size: 10px; }
 
 /* titres */
.titre { font-family: Verdana; font-size: 15px; color: #000066; font-weight: bold; }
 
 /* classes gras, italique et souligné */
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration:underline; }
 
 
 
/* FIN TEXTE */
 
/* DEBUT TABLE */
 
 /* tableaux */
.tableau { border: solid 1px #000000; }
.stats { background-color: #000000; }  
 
 /* Tableaux*/
td.td_hader {  font-weight: bold; height: 25px; }
td.td_menu {  font-weight: bold; height: 25px; border: solid 1px #000066; }
td.td_pages {  font-weight: bold; height: 25px; border: solid 1px #000066; border-width: 1px 0px 0px 0px; }
td.td_copy {  font-weight: bold; height: 25px; border: solid 1px #000066; border-width: 0px 0px 0px 0px; }
 
 ly: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000; }
 
/* FIN tableaux */
</style>
 
 
 
 


et début du menu

document.write('<link rel="stylesheet" href="style.css" type="text/css"/> <class="menu"/>') ;
 
 
mv2_menu = new Array();
mv2_lien = new Array();
 
mv2_menu[0] = 'MAIRIE';
mv2_menu[1] = 'LA VILLE';
mv2_menu[2] = 'INFORMATIONS';
mv2_menu[3] = 'ASSOCIATIONS'


Message édité par vivian le 05-03-2005 à 19:39:10
mood
Google
Posté le 05-03-2005 à 14:58:38  profilanswer
 

n°5142
vivian
Idée d'un festival du pc
Posté le 05-03-2005 à 16:26:56  profilanswer
 

up

n°5144
vivian
Idée d'un festival du pc
Posté le 05-03-2005 à 19:38:29  profilanswer
 

personne ???

n°5146
nicodache
marmotte en chocolat concept ©
Posté le 05-03-2005 à 22:19:48  profilanswer
 

l'image de fond, c'est par rapport à la position du css, ou du fichier html ? :D


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°5149
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 08:56:32  profilanswer
 

Peut tu être plus clair ?


Message édité par vivian le 06-03-2005 à 08:56:41
n°5152
KnX
To be or not to code.
Posté le 06-03-2005 à 15:05:45  profilanswer
 

la balise <class=blahblah> ca nexiste, pas, tu dois mette class=menu dans les <a> de ton menu.
 
Ou idealement, tu met le menu dans une liste :
 
<ul class="menu">
 <li><a href="coin" >vers le coin </a></li>
 <li><a href="gnou" >vers le gnou </a></li>
</ul>
 
et dans ta css :
ul.menu li a { font-family:Verdana, Arial, ; text-decoration: none; color: #FF0000; font-size: 12px }  
ul.menu li a:hover { font-family:Verdana, ; text-decoration: underline; color: #FF0000; font-size: 10px }  
 
( cela dit, mauvaise idée de changer la taille du texte au moment ou tu passe sur le lien, et mauvaise idée aussi de fixer en pixel la taille des fonts )


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5154
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 15:11:23  profilanswer
 

Merci je vais tester, et pour la taille c'est une erreur.

n°5155
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 15:19:30  profilanswer
 

Merci ça marche  mais seulement por les liens pas pour les titres du menu déroulant. Et pour la taille des font peux tu stp me donner les équivalent pas en pixel merci.

n°5156
KnX
To be or not to code.
Posté le 06-03-2005 à 15:23:15  profilanswer
 

utilise des % de la taille de base, ca permet a une personne mal voyante ou a kkun qui a une résolution toute petite dajuster la taille du texte dans son navigateur sans problème.  
( pour la correspondance exacte pixel<->% je la connais pas par coeur par contre )
 
pour les titres, montre moi le code complet sinon je peut pas deviner.


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5157
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 15:29:39  profilanswer
 

c'est cette parti du menu

mv2_menu[0] = 'MAIRIE';
mv2_menu[1] = 'LA VILLE';
mv2_menu[2] = 'INFORMATIONS';
mv2_menu[3] = 'ASSOCIATIONS'

les liens étaient plus bas et quand je mes là class="menu le menu marche plus.
sinon voilà l emenu entier :


 
document.write('<link rel="stylesheet" href="style.css" type="text/css" class="menu"/> ');
 
 
mv2_menu = new Array();
mv2_lien = new Array();
 
mv2_menu[0] =  'MAIRIE';
mv2_menu[1] = 'LA VILLE';
mv2_menu[2] = 'INFORMATIONS';
mv2_menu[3] = 'ASSOCIATIONS'
 
 
 
mv2_lien[0] = ''
mv2_lien[1] = ''
mv2_lien[2] = ''
mv2_lien[3] = ''
mv2_lien[4] = ''
mv2_lien[5] = ''
mv2_lien[6] = ''
mv2_lien[7] = ''
mv2_lien[0] += '<A class=menu  HREF="./rolemairie.php" CLASS=mv2style > . Le rôle de la mairie </A><BR>';
mv2_lien[0] += '<A class=menu HREF="./conseil.php" CLASS=mv2style > . Conseil Municipal</A><BR>';
mv2_lien[0] += '<A class=menu HREF="./motdumaire.php" CLASS=mv2style > . Le mot du Maire</A><BR>';
mv2_lien[0] += '<A class=menu HREF="./marcherpublic.php" CLASS=mv2style > . Marcher public</A><BR>';
mv2_lien[0] += '<A class=menu HREF="./renseignementsmairie.php" CLASS=mv2style > . Informations Mairie</A><BR>';
 
mv2_lien[1] += '<A class=menu HREF="./galerie.php" CLASS=mv2style > . Photos</A><BR>';
mv2_lien[1] += '<A class=menu HREF="./commerces.php" CLASS=mv2style > . Commerces</A><BR>';
mv2_lien[1] += '<A class=menu HREF="./artisanat.php" CLASS=mv2style > . Artisanat</A><BR>';
mv2_lien[1] += '<A class=menu HREF="./services.php" CLASS=mv2style > . Services</A><BR>';
mv2_lien[1] += '<A class=menu HREF="./informations.php" CLASS=mv2style > . Informations utiles</A><BR>';
mv2_lien[1] += '<A class=menu HREF="./histoire.php" CLASS=mv2style > . Terroir, Histoire </A><BR>';
 
mv2_lien[2] += '<A class=menu HREF="./animations.php" CLASS=mv2style > . Animations</A><BR>';
mv2_lien[2] += '<A class=menu HREF="./gites.php" CLASS=mv2style > . Gîtes Rureaux</A><BR>';
mv2_lien[2] += '<A class=menu HREF="./chateaulespins.php" CLASS=mv2style > . Château Les Pins</A><BR>';
mv2_lien[2] += '<A class=menu HREF="./demeurecatalane.php" CLASS=mv2style > . Demeure Catalane</A><BR>';
 
mv2_lien[3] += '<A class=menu HREF="./assossports.php" CLASS=mv2style > . Sport</A><BR>';
mv2_lien[3] += '<A class=menu HREF="./assosculture.php" CLASS=mv2style > . Arts et histoire</A><BR>';
mv2_lien[3] += '<A class=menu HREF="./assosdivertissement.php" CLASS=mv2style > . Animations et festivité</A><BR>';
 
 
 
 
 
mv2_pos = -1;
 
function mv2_menu_draw()
 {
 mv2_aff = "<TABLE BORDER=0 BGCOLOR=#FF0000 CELLPADDING=0 CELLSPACING=0 WIDTH=160><TR><TD><TABLE BORDER=0 CELLPADDING=03 CELLSPACING=1 WIDTH=100%>";
 
 for(a=0;a<mv2_menu.length;a++)
  {
  if(mv2_pos == a || !document.getElementById)
   bgcolor = "#FFFF99";
  else
   bgcolor = "#FFCC66";
 if(document.getElementById)
   mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><A HREF=\"#\" onMouseOver=\"mv2_pos="+a+";mv2_menu_draw()\" CLASS=mv2style><FONT FACE=\"Arial\" SIZE=2><B>"+mv2_menu[a]+"</B></FONT></A></TD></TR>";
  else
   mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Arial\" SIZE=3 COLOR=#FFFF00><B>"+mv2_menu[a]+"</B></FONT></TD></TR>"
 if(mv2_pos == a || !document.getElementById)
   mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT =\"Arial\" SIZE=3><B>"+mv2_lien[a]+"</B></FONT></TD></TR>";
  }
 
 mv2_aff += "</TABLE></TD></TR></TABLE>";
 if(document.getElementById)
  document.getElementById("mv2" ).innerHTML = mv2_aff;
 else
  document.write(mv2_aff);
 }
 
mv2_menu_draw();
 
 
 


je n'ai pas fais avec <ul> car la ça marche plus.


Message édité par vivian le 06-03-2005 à 15:31:11
n°5158
KnX
To be or not to code.
Posté le 06-03-2005 à 15:31:28  profilanswer
 

dans ce que tu ma filé ya que le debut du js du menu et le css, ya pas le html qui en sort :/
(edit)
jai repondu trop vite, atta je regarde le code ...


Message édité par KnX le 06-03-2005 à 15:32:08

---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5159
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 15:32:55  profilanswer
 

ok

n°5160
KnX
To be or not to code.
Posté le 06-03-2005 à 15:41:39  profilanswer
 

Bon ya kks problemes dans ton code ( les principaux ):
- le class na rien a faire dans la balise qui lance le css.
- tu as 2 classes dans tes A , menu et mv2style
- ton code est 1000x plus compliqué que nécessaire.
 
Essaye de refaire le code de ton menu en tinspirant de ca :
http://temp.leveilleur.net/design.php
( le site que le veilleur a filé dans le topic des menus défilant ya pas longtemps ). http://soj.mesdiscussions.net/over [...] -298-1.htm
( vers la fin )


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5161
vivian
Idée d'un festival du pc
Posté le 06-03-2005 à 15:43:52  profilanswer
 

Ok merci

mood
Google
Posté le 06-03-2005 à 15:43:52  profilanswer
 


Aller à :
Ajouter une réponse

  FORUM Syndrome-OC - Jacky-PC


  Programmation


  Langage bas niveau(asm...)


  [html] problème style

 

Plan du forum
Forum MesDiscussions.Net, Version 2007.3
(c) 2000-2008 Doctissimo Software
Page générée en 0.242 secondes
Hit Parade