je comprends pas ce qui se passe...

je comprends pas ce qui se passe... - HTML/CSS - Programmation

Marsh Posté le 09-01-2003 à 10:29:49    

je refais mon CV (http://perso.wanadoo.fr/mallouck/cvus.htm), il est actuellement en phase beta (voire meme alpha ;) ) et je me pose 3 petites questions pas evidentes (du moins pour moi ;) )
 

  • pourquoi dans mon tableau EDUCATION, la derniere ligne est separee des precedentes par plusieurs pixels au lieu d'un seul comme dans les autres lignes ?


  • y a t'il moyen de faire en sorte que l'inscription "more info" ne saute pas a la ligne suivante ?


  • je souhaiterais que certaines parties (l'inscription "more info" et les lignes d'info supplementaires) ne soient pas imprimees lorsqu'on imprime la page. Ca peut se faire ? Comment ?  


Merci d'avance.


---------------
" When the seagulls follow the trawler, it is because they think sardines will be thrown into the sea. "
Reply

Marsh Posté le 09-01-2003 à 10:29:49   

Reply

Marsh Posté le 09-01-2003 à 11:49:18    

1) Parce qu'au lieu de </td> tu as mis </p>
 
2) Chez moi, rien ne se passe si je clique sur "more info".
 
3) Oui avec les CSS. Voir la FAQ XHTML/CSS sur ce forum.

Reply

Marsh Posté le 09-01-2003 à 12:39:08    

Hermes le Messager a écrit :

1) Parce qu'au lieu de </td> tu as mis </p>
 :lol: je l'avais pas vu...
 
2) Chez moi, rien ne se passe si je clique sur "more info".
tu utilises kel browser ?
pour l'instant ca marche que sur IE a priori.
Si c'est pas trop complique, je ferais aussi les autres browsers...

 
3) Oui avec les CSS. Voir la FAQ XHTML/CSS sur ce forum.  
thx


---------------
" When the seagulls follow the trawler, it is because they think sardines will be thrown into the sea. "
Reply

Marsh Posté le 09-01-2003 à 12:48:30    

Bon en reindentant un peu mieux mon code, j'ai resolu le premier probleme (en fait il y a un <TR> en trop...).
 
Par contre, le probleme 2 reste ouvert. et en plus qq'un peut-il me donner l'equivalent du code IE suivant document.getElementById(div).style.display = 'block'; document.getElementById(mi).innerHTML = 'hide info'; pour Netscape ?
 
probleme3, je vais checker la FAQ du forum...


---------------
" When the seagulls follow the trawler, it is because they think sardines will be thrown into the sea. "
Reply

Marsh Posté le 09-01-2003 à 12:49:02    

Pour le 3) Il faut définir une classe spécifique aux médias d'impression :  
 

@media print {
 
  .hidden {
    display: none;
  }
}


 
Et d'ajouter cette classe sur les éléments à cacher à l'impression :
 
<tr class="addinfo hidden">...</tr>
 
Idem poue le <span> du "more info"


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 12:51:59    

Mallouck a écrit :

Bon en reindentant un peu mieux mon code, j'ai resolu le premier probleme (en fait il y a un <TR> en trop...).
 
Par contre, le probleme 2 reste ouvert. et en plus qq'un peut-il me donner l'equivalent du code IE suivant document.getElementById(div).style.display = 'block'; document.getElementById(mi).innerHTML = 'hide info'; pour Netscape ?
 
probleme3, je vais checker la FAQ du forum...


Normalement ton code devrait marcher avec Mozilla (NS 6/7). Par contre le style d'affichage d'un <tr> n'est pas 'block' mais 'table-row'


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 12:54:12    

Ah en fait ça ne marche pas avec Mozilla parce que tu fais ce test :
 

IE4 = (document.all) ? 1 : 0;
NS4 = (document.layers) ? 1 : 0;


 
Et Mozilla ne reconnait ni document.all ni document.layers. Par contre document.getElementById marche avec IE ET Mozilla.
 
Par contre pour NS4, je ne sais même pas si il est possible de faire ce que tu veux faire...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 12:56:27    

gm_superstar a écrit :

Ah en fait ça ne marche pas avec Mozilla parce que tu fais ce test :
 

IE4 = (document.all) ? 1 : 0;
NS4 = (document.layers) ? 1 : 0;


 
Et Mozilla ne reconnait ni document.all ni document.layers. Par contre document.getElementById marche avec IE ET Mozilla.
 
Par contre pour NS4, je ne sais même pas si il est possible de faire ce que tu veux faire...


 
+1 ... de toutes manière, vu la page en question, je ne suis pas sûr que ce soit une très bonne idée... Je vois mal ce que cela apporte en valeur ajoutée à la page...

Reply

Marsh Posté le 09-01-2003 à 13:00:42    

Je suis d'accord. Pour moi un CV doit rester sobre et surtout lisible par tous. Et s'aventurer à mettre du JavaScript et autres joyeusetés animées est dangereux. Mais ce n'est que mon avis.
 
Un dernier truc, si c'est pour ajouter de la couleur au fond de tes cellules, pas la peine d'utiliser une image. Utilise la propriété CSS background-color: #le-code-couleur-qui-va-bien;


Message édité par gm_superstar le 09-01-2003 à 13:01:14

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 13:29:14    

  • Merci beaucoup pour le coup du @medi print.


  • j'ai essaye de mettre "table-row" au lieu de "block" mais bizarement ca marchait pas alors je suis revenu a "block"...


  • je vais simplement tester si c'est Netscape4 auquel cas je ferais rien sinon j'utiliserais le getelementbyID...


  • pour les fond des cellules, c ma copine qui m'a file les images (elle utilisait l'attribut background des cellules...), j'ai remis ca dans du CSS pour que ce soit facile de remplacer par un background-color des que j'ai le bon code couleur...


  • je suis d'accord que sur un CV faut pas faire des trucs qui bougent trop. Mais comme il s'adresse esclusivement a des entreprises americaines (et qui donc n'y connaissent rien aux etudes francaises et qui veulent un max de details sur l'experience (je vais y rajouter des more info aussi)) j'ai pense faire ca de maniere a avoir les infos sans pour autant avoir un CV qui fait 5 pages au premier coup d'oeil...


  • et le more info y a moyen qu'il s'affiche sans saut de ligne ???


Merci pour tout.


---------------
" When the seagulls follow the trawler, it is because they think sardines will be thrown into the sea. "
Reply

Marsh Posté le 09-01-2003 à 13:29:14   

Reply

Marsh Posté le 09-01-2003 à 13:40:06    

Mallouck a écrit :

  • et le more info y a moyen qu'il s'affiche sans saut de ligne ???

Oui mais c'est pas simple
 
Edit: ah si en fait c'est simple vu que tu l'as déjà mis en float: right; Ajoute à ton SPAN.mi ceci :
 

margin-top: -1.3em;


 
Ce qui aura pour effet de faire remonter le bloc qui contient le "more info". A ajuster bien sûr (sachant que 1em represente une longueur qui vaut la taille de la police courante)


Message édité par gm_superstar le 09-01-2003 à 13:56:54

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 14:23:16    

gm_superstar a écrit :


Oui mais c'est pas simple
 
Edit: ah si en fait c'est simple vu que tu l'as déjà mis en float: right; Ajoute à ton SPAN.mi ceci :
 

margin-top: -1.3em;


 
Ce qui aura pour effet de faire remonter le bloc qui contient le "more info". A ajuster bien sûr (sachant que 1em represente une longueur qui vaut la taille de la police courante)


 
Bien vu, j'y avais pas pense au coup de la marge negative.  :)  
Sinon 1em c'est la taille en hauteur de la police par consequent j'ai seulement besoin de mettre margin-top:-1em;
Et j'ai aussi eu besoin de rajouter une brouette de   pour pas que ca overlappe avec la ligne precedente.  :D  
Effectivement c'etait pas super simple...
 
Bon ben maintenant, je peux me concentrer sur le contenu et l'organisation des sujets.  :ange:


---------------
" When the seagulls follow the trawler, it is because they think sardines will be thrown into the sea. "
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed