[résolu] corps de page bcp trop grand par rapport au site

par **DocType** » 12 déc. 2005, 14:00

Un ptit [RESOLU] ?

par **magouya** » 12 déc. 2005, 13:56

ca marche nickel!!

MERCI!!

par **magouya** » 12 déc. 2005, 00:16

ffiioouuu que de débats !

je te remercie PRoGRaFLaSH pour ton aide, et starkeus pour le code adapté!! je vais essayer de faire ca demain soir et vous tiens au courant!

bonne fin de weekend!

par **starkeus** » 11 déc. 2005, 11:39

mouai...pourquoi pas mais je pense que la solution de faire une table par ligne reste quand meme la moins pire

la mise en page sera un chouillat plus propre...

par **DocType** » 11 déc. 2005, 01:53

...mais c'est vraiment de la bidouillle et loin de l'esprit CSS [-( ... mais elle a le mérite de fonctionner =D>

Comme quoi...
Sinon au lieu de faire une table avec tous ses td, elle a également la solution de faire un table par ligne les uns au dessous des autres !

Code : Tout sélectionner

<table width="540" border="0" cellspacing="0" cellpadding="0"  onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'> 
<tr> 
     <td height="60">bonjour</td> 
     <td>hello</td> 
     <td>bomdia</td> 
</tr> 
</table>
<table width="540" border="0" cellspacing="0" cellpadding="0"  onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'> 
<tr> 
     <td height="60">bonjour</td> 
     <td>hello</td> 
     <td>bomdia</td> 
</tr>
</table>

Du moins, il me semble que ça doit fonctionner...

par **starkeus** » 11 déc. 2005, 01:04

javais pas vu PRoGRaFLaSH ...mais c'est vraiment de la bidouillle et loin de l'esprit CSS [-( ... mais elle a le mérite de fonctionner =D>

victoire pour PRoGRaFLaSH

magouya, ton exemple adapté:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="css/essai-java.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'>
   <table width="540" border="0" cellspacing="0" cellpadding="0">
   <tr>
         <td height="60">bonjour</td>
         <td>hello</td>
         <td>bomdia</td>
   </tr>
   </table>
</td>
</tr>
<tr>
<td onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'>
     <table width="540" border="0" cellspacing="0" cellpadding="0">
     <tr>
           <td height="60">merci</td>
           <td>thanks</td>
           <td>obrigado</td>
     </tr>
     </table>
</td>
</tr>
</table>
</body>
</html>

par **starkeus** » 11 déc. 2005, 00:48

Bah ecoute je suis désolé, j'ai cherché pas mal de temps et essayé bcp de "trucs" ( un background-image: none sur les TD) mais rien ne marche. J'ai cherché sur la toile (meme les sites US/UK comme ici ou là) et c'est un bug IE...faut faire avec

...
en gros faut que tu trouves une autre solution pour mettre en valeur tes lignes notamment par des couleurs et non plus une image...
ou sinon la denrière solution est de prédécouper ton image et d'affecter chaque morceaux à chaque balise TD de ta ligne...ca peut marcher si la taille de tes colonnes est fixe...
je ne peux pas t'aider plus 8-[

par **DocType** » 11 déc. 2005, 00:09

en fait mon image recommence à chaques td...
j'ai essayé de mettre une classe à chaques td, au lieu d'en mettre une à la tr, ca marche mais que sur la cellule survolée évidemment, pars sur toute la ligne!

est ce qu'il existe un code javascript que l'on mettrait dans la tr, et qui dirait au td d'afficher le fond qui leur est attribués?

La solution serait d'un créer une tabler "supérieure"
Imagine ce code ci-dessous:

Code : Tout sélectionner

<table>
<tr>
     <td background="img.jpg">Ton texte</td>
     <td background="img.jpg">Bonjour</td>
</tr>
</table>

Imaginons que tu appliques une image de fond cà chaque td, tu auras donc l'image jusqu'à temps que t'arrive au bout de ta cellule...
Pour éviter cela, on modifie légèrement le code:

Code : Tout sélectionner

<table>
<tr>
     <td background="img.jpg">
     <table>
     <tr>
          <td>Ton texte</td>
          <td>Bonjour</td>
     </tr>
     </table></td>
</tr>
</table>

Ainsi le background sera sous tout le tableau et non pas la cellule elle-même

par **magouya** » 10 déc. 2005, 21:28

(je repose ma question dans la partie javascript)

hello!
merci c'est très gentil de m'aider!
effectivement, ca marche sous firefox mais pas IE..

on peu voir l'exemple ici

il faut absolument que je trouve une solution pour que ca marche sur les deux

est ce qu'il y aurait une autre façon d'écrire le code pour que IE comprenne?

ou tout simplement une autre façon en général?

merci beaucoup!

par **starkeus** » 10 déc. 2005, 20:39

Salut !
je ne comprends pas magouya car j'ai essayé avec le meme code que toi (avec juste une class par défaut)... et j'arrive au résultat que tu veux (enfin je crois

)
tu souhaites avec une image de fond à chaque ligne lorsque celle-ci est survolée?
enfin sous FireFox ca marche !

EDIT: sous IE ca ne focntionne pas

bon bah je vais essayer de t'aider!

par **magouya** » 10 déc. 2005, 17:51

coucou,

je voudrais mettre les choses au clair par rapport a ce travail, ca n'est pas une entreprise mais une femme d'une trentaine d'année qui n'a pas beaucoup de budget et qui voudrais réaliser son rêve de créer un site de rencontre par internet.

Si cette personne à passé d'autres annonces depuis que je travail dessus c'est que je ne m'occupe que du code html parce que je ne sais pas faire de PHP, et qu'elle avait donc besoin de quelqu'un d'autre pour le PHP.

Quant à ce travail je ne l'aie pas accepté en tant que stage mais en tant que mandat, avec un forfait de création de site que j'ai proposé. C'est un travail comme un autre...

mais revenons à nos moutons;
(jai posté une réponse en disans que j"avais trouvé mais finalement non, j'avais mal regardée)

en fait mon image recommence à chaques td...
j'ai essayé de mettre une classe à chaques td, au lieu d'en mettre une à la tr, ca marche mais que sur la cellule survolée évidemment, pars sur toute la ligne!

est ce qu'il existe un code javascript que l'on mettrait dans la tr, et qui dirait au td d'afficher le fond qui leur est attribués?

par **DocType** » 10 déc. 2005, 03:19

Salut,
<HS>
Euh... je n'habite pas la Suisse mais on m'avait proposé ce meme stage (l'année passée, que j'ai refusé pour ces raisons)... auraient-ils recruté aussi loin ??!
</HS>

Le mieux c'est qu'apparemment elle a eu son contrat il y a trois mois...
Et il y a un mois la même societé laissait un message sur phpfrance où ils souhaitaient un stagiaire très très disponible pour réaliser leur site...exactement le même ! Amon humble avis, ils essaient d'avoir l'entier développement gratos, et d'avoir tout le temps un webmaster derrière

Donc je ne comprend pas trop ce qu'ils font...
Quel bande de c************

par **Truc** » 10 déc. 2005, 02:43

Salut,
<HS>

hello,
pour répondre à ta question PRoGRaFLaSH, je suis étudiante.
je fais une formation en deux ans de conceptrice multimédia, et j'ai eu ce boulot parce que j'avais besoin d'effectuer un stage en entreprise cet été.
J'avais déja fait mon stage lorsque cette personne m'a contacté pour faire son site, mais j'ai accepté parce que je voudrais devenir webmaster/webdesigner alors ca m'apporte beaucoup, même si je ne suis pas payée énormément... c'est pour ca que je rencontre quelques problèmes car j'apprend en même temps...

Euh... je n'habite pas la Suisse mais on m'avait proposé ce meme stage (l'année passée, que j'ai refusé pour ces raisons)... auraient-ils recruté aussi loin ??!
</HS>

en ce qui concerne ton code je suis pas sur que l'image s'arrete a la cellule mais a sa taille et normalement elle et répétée jusqu'a la fin de la ligne, est-ce exact ?

par **magouya** » 10 déc. 2005, 00:35

alors jai trouvé quelque chose, mais jai encore un probleme.

voici mon code html

Code : Tout sélectionner

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="css/essai-java.css" rel="stylesheet" type="text/css" />
</head>

<body><table width="540" border="0" cellspacing="0" cellpadding="0">
  <tr onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'>
    <td height="60">bonjour</td>
    <td>hello</td>
    <td>bomdia</td>
  </tr>
  <tr onmouseover='this.className="class1";' onmouseout='this.className="classoriginal";'>
    <td height="60">merci</td>
    <td>thanks</td>
    <td>obrigado</td>
  </tr>
</table>

</body>
</html>

et voici ma css;

Code : Tout sélectionner

.class1 {

background-image:url(../images/bandeau-selection540-60.gif);

}

.classoriginal {
}

mon probleme est que l'image qui apparait est coupé selon la taille de la cellule, alors qu'elle devrais faire toute la ligne du tableau...
je vais continuer de chercher, mais si quelqu'un peut me filer un petit coup de main! meri beaucoup!

par **DocType** » 09 déc. 2005, 23:39

hello,
pour répondre à ta question PRoGRaFLaSH, je suis étudiante.
je fais une formation en deux ans de conceptrice multimédia, et j'ai eu ce boulot parce que j'avais besoin d'effectuer un stage en entreprise cet été.
J'avais déja fait mon stage lorsque cette personne m'a contacté pour faire son site, mais j'ai accepté parce que je voudrais devenir webmaster/webdesigner alors ca m'apporte beaucoup, même si je ne suis pas payée énormément... c'est pour ca que je rencontre quelques problèmes car j'apprend en même temps...

Tu devrais aller visiter la rubrique emploi... le post it.
Tu résides en suisse c'est bien ça ? Dans ce cas l'entreprise qui t'embauche (stage) le fait illégalement. Je suppose que tu bosses de chez toi ? Si c'est ça, tu fournis ton matériel, ton utilise tes propres ressources...et malheureusement c'est illégal. Encore une entreprise qui exploite les stagiaires...

[résolu] corps de page bcp trop grand par rapport au site

Répondre

Étendre la vue Revue du sujet : [résolu] corps de page bcp trop grand par rapport au site