CSS pas totalement interprété

page 1 page 2
Répondre
bibi
le 02/12/2004 à 14:38
bibi
Déconnecté
commit suicide
en fait j'ai recopié le source d'alsacréation(encore lui) pour faire un site avec des pseudos frame en div sans table sans frame et j'ai voulu rajouter ma ptite touche perso donc voila ce que ca donne :

  1. body {
  2. margin: 0;
  3. padding:0;
  4. position: absolute;
  5. width: 100%;
  6. height: 100%;
  7. font-family: verdana, arial, sans-serif;
  8. }
  9. .haut {
  10. width: auto;
  11. height: 126px;
  12. font-family: tahoma;
  13. background-color: #5e7f97;
  14. color: #fff;
  15. font-size: 30px;
  16. padding: 10px;
  17. }
  18. .conteneur {
  19. height: 338px;
  20. width: 100%;
  21. }
  22. .gauche {
  23. position: absolute;
  24. left: 0;
  25. font-size: 10px;
  26. width: 180px;
  27. height: 338px;
  28. background-color: #434343;
  29. /*background-image: url(gauche.gif);*/
  30. }
  31. .frame {
  32. margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
  33. width: auto;
  34. height: 338px;
  35. background-color: #434343;
  36. overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
  37. font-size: 10px;
  38. }
  39. .bas {
  40. width: auto;
  41. height: 10px;
  42. background-color: #5e7f97;
  43. color: #fff;
  44. font-size: 10px;
  45. padding: 10px;
  46. }
  47.  
  48.  
  49. .texte
  50. {
  51. font-size: 10px;
  52. color: white;
  53. }
  54.  
  55. li
  56. {
  57.    color: #434343;
  58. }
  59. .erreur
  60. {
  61.    font-size:25px;
  62.    font: bold;
  63.    text-align:center;
  64.    color:red;
  65. }
  66.  
  67. a:link
  68. {
  69.    font-size: 10px;
  70.    color: #32CF32;
  71.    text-decoration:underline;
  72.    /*text-decoration: none;*/
  73. }
  74.  
  75. a:hover
  76. {
  77.    font-size: 10px;
  78.    color: #FFFFFF;
  79.    text-decoration: none;
  80. }
  81. a:visited
  82. {
  83.    font-size: 10px;
  84.    color: #32CF32;
  85.    /*text-decoration:underline;*/
  86. }
  87.  
  88. input{
  89. font-family: verdana;
  90. font-size: 11px;
  91. color: #32CF32 ;
  92. font-weight:0;
  93. background-color: #5A5A5A;
  94. border: 1px solid #000000;
  95. margin-top: 1px;
  96. } 



donc les style que j'ai rajouté :

input, li, a(link,hover,visited) et les class .erreur et .texte. Je crois que c'est tout . Tout marche au poil comme dirait moogli smiley sauf pour les liens. en fait le color: #FFFFFF; pour le hover ne se fait pas , mais par contre le text-decoration et le font-size sont interprétés correctement. J'ai essayé de foutre juste le style sur les liens dans une autre page et ca marche nikel. Donc c bien un problème sur ma page, pcke d fois ca marche, mais genre 1 fois tous les 100 ans.Mais j'ai aps réussi a trouver ce qui pouvait interférer avec ça. Ah oui aussi , j'avais essayé pour voir un text-decoration: underline overline; et en fait, que je le mette accompagné du underline ou seul, le overline n'est jamais interprété. Donc apres je me suis dis : c firefox qui foire mais ca fait pareil sous IE, j'ai upload sur un ftp, http://csmpowa.free.fr/album/ et ca fait pareil, j'ai essayé a l'iut. bref je pete un cable moi. Voilou merci dmaider lé gens héhé
+++
Layer
le 02/12/2004 à 16:04
Layer
Déconnecté
Error 500 : internal brain error
ben ça marche sous Mozilla, Firefox et IE

ctrl + F5 pour la recharge ;)
AlScafi
le 02/12/2004 à 16:11
AlScafi
Déconnecté
idem chez moi ça marche
bibi
le 02/12/2004 à 16:44
bibi
Déconnecté
commit suicide
ok bah jcapte keudal alors
prkoi moi ca marche pas :/

v vous donner toute ma page index pcke javouerai ke c un peu bizarre

  1. <?  
  2. session_start();  
  3.  
  4. function redirection($url){  
  5. if (headers_sent()){  
  6. print('<meta http-equiv="refresh" content="0;URL='.$url.'" />');  
  7. }  
  8. else {  
  9. header("Location:$url");  
  10. }  
  11. }  
  12. function email_OK ($email) {  
  13. $test_mail=eregi('^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)+$',$email);  
  14. if ($test_mail) {  
  15. list ($login, $domaine) = split ("@", $email,2);  
  16. if (checkdnsrr ($domaine, "MX")) {  
  17. return TRUE;  
  18. }  
  19. else {  
  20. return FALSE;  
  21. }  
  22. }  
  23. else {  
  24. return FALSE;  
  25. }  
  26. }  
  27.  
  28. ?>
  29. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  30. <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
  31. <head>
  32. <meta name="language" content="fr" />
  33. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
  34. </head>
  35. <style type="text/css">@import url(style.css);</style>
  36. <body bgcolor=#434343>
  37. <div class="haut">Album Photo</div>
  38. <div class="gauche">
  39. <ul>
  40.    <li><a href="index.php?page=accueil">Accueil du site</a></li>
  41.  
  42.    <? if(isset($_SESSION['login']) && isset($_SESSION['pass'])) 
  43.    { 
  44.       ?>   <li><a href="index.php?page=log&action=logout">Déconnexion</a></li>
  45.          <li><a href="index.php?page=membre">Mon compte</a></li>
  46.          <li><a href="index.php?page=file">Mes fichiers</a></li>
  47.       <?} 
  48.       else 
  49.       { ?><li><a href="index.php?page=inscr">Inscription</a></li>
  50.          <li><a href="index.php?page=login">Connexion</a></li><? 
  51.       } 
  52.  
  53.       ?>
  54. </ul>
  55. </div>
  56. <div class="frame">
  57. <?php
  58.  
  59. if(!isset($_GET['page'])) $page='accueil';  
  60. else $page = $_GET['page'];  
  61.  
  62. switch($page)  
  63. { 
  64.    case 'accueil': include("accueil.php");break; 
  65.    case 'login': include("login.html");break; 
  66.    case 'verif': include("verif.php");break; 
  67.    case 'log' : include("login.php");break; 
  68.    case 'inscr': include("inscription.html");break; 
  69.    case 'membre': include("membre.php");break; 
  70.    case 'file': include("fichier.php");break; 
  71.    case 'fic': include("fic.php");break; 
  72.    case 'upload': include("upload.php");break; 
  73.    case 'erreur': include("erreur.php");break; 
  74.    default: include("erreur.html");break;  
  75. }  
  76.  
  77.  
  78. ?>
  79. </div>
  80. <div class="bas" align=center>&copy; Benji TP261 2004-2005</div>
  81. </body>
  82. </html> 


le css donné plus haut est contenu dans le fichier style.css

voila merci davance
bibi
le 02/12/2004 à 16:48
bibi
Déconnecté
commit suicide
donc en fait je viens de remarquer que les liens vers les pages inexistantes se mettent bien en blanc on mouse over mais que les liens vers des pages existantes eux, ne le font pas. Aurais je inventé un css capable de détecter les pages existantes ? mdr
Layer
le 02/12/2004 à 17:11
Layer
Déconnecté
Error 500 : internal brain error
donc en fait je viens de remarquer que les liens vers les pages inexistantes se mettent bien en blanc on mouse over mais que les liens vers des pages existantes eux, ne le font pas. Aurais je inventé un css capable de détecter les pages existantes ? mdr


tu ve dire les liens quon a déja cliquer ? si oui ben tu fait :

a.visited{
color: #ffffff
}
Layer
le 02/12/2004 à 17:12
Layer
Déconnecté
Error 500 : internal brain error
et puis comme je viens de te dire c'est pas un soucis au niveau du codage, c au niveau de ton cache , flush ton cache
bibi
le 02/12/2004 à 17:19
bibi
Déconnecté
commit suicide
ok g viré le cache et ca marche merci

eske ca existe un truc genre a:hover:visited

pcke si je change le a:visited, ca change la couleur du lien avant meme le survol .

merci d'avance
Layer
le 02/12/2004 à 17:22
Layer
Déconnecté
Error 500 : internal brain error
a:hover, a:visited{
instruction
}

tu peux faire, pas a:hover:visited smiley
bibi
le 02/12/2004 à 17:25
bibi
Déconnecté
commit suicide
t'as pas bien compris ske jvoulai faire héhé

en fait, le a:visited c comme le a:link mais une fois que le mec a déja cliqué dessus, donc c'est l'état qui est PAS "on mouse over". le problème c'est qu'une fois que le lien a été cliqué, le a:hover ne marche plus . Je voudrais savoir s'il existe un équivalent de a:visited pour le a:hover
j'espere avoir été plus clair smiley

merci davance
zebden
le 02/12/2004 à 17:32
zebden
Déconnecté
zebdinou pour les intimes / Blog : http://www.zebden.fr
T'as testé si tu changeais la couleur du visited ?
AlScafi
le 02/12/2004 à 17:42
AlScafi
Déconnecté
en fait ton probleme résidai dans le fait que le css s'enregistre dans le cache et que le navigateur ne le rappel pas je crois (une des raisons pour laquelle on choisit le css sa accellere d'autant plus l'affichage!)
bibi
le 02/12/2004 à 17:51
bibi
Déconnecté
commit suicide
oué si je change la couleur du visited ca change la couleur du lien sans k'on soit ou mouse over
bibi
le 02/12/2004 à 21:24
bibi
Déconnecté
commit suicide
j'ai trouvé :

  1.  
  2. a
  3. {
  4.    font-size: 10px;
  5.    color: #32CF32;
  6.    text-decoration:underline;
  7.    /*text-decoration: none;*/
  8. }
  9.  
  10. a:hover
  11. {
  12.    font-size: 10px;
  13.    color: #FFFFFF;
  14.    text-decoration: none;
  15. } 



ca suffit et tout marche nikel
dégouté perdu trop de time
bibi
le 05/12/2004 à 01:33
bibi
Déconnecté
commit suicide
ouais en fait j'ai un autre problème. Je veux centrer un objet. Alors au début je faisais <div align=center></div> mais ca passe pas pour le validator XHTML
alors la jme suis dis que j'allais faire une classe tout conne:

.accueil
{
text-align:center;
}
mais ca le centre pas donc je voulais savoir comment faire ca.Et puis aussi sur toutes mes pages, meme les plus simples, le validator me dit ca :
  1. Line 8, column 6: end tag for "head" which is not finished
  2.  
  3. </head>
  4.  
  5. Most likely, You nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p>
  6.  
  7. Another possibility is that you used an element (e.g. 'ul') which requires a child element (e.g. 'li') that you did not include. Hence the parentelement is "not finished", not complete.
  8.  


alors que le code de ma page est :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
  4. <head>
  5. <meta name="language" content="fr" />
  6. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
  7. <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
  8. </head>
  9.  
  10. <body>
  11.  
  12. <script type="text/javascript">
  13.  
  14. function popupcentree(page,largeur,hauteur,options)
  15. {
  16. var top=(screen.height-hauteur)/2;
  17. var left=(screen.width-largeur)/2;
  18. window.open(page,"pop","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
  19. }
  20.  
  21. </script>
  22. <div class="premiere">
  23. <a onclick="javascript:popupcentree('main.php',896,517);" class="index">:: Entrer ::</a></div>
  24. </body>
  25. </html> 


qqn pourrait m'indiquer le probleme ca serait cool merci :)
page 1 page 2
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Breizh Blog