OUééééé... c'était bien ça !

Blabla...
Bla...	Bla...
Bla...
Bla...

Coucou, et bien ça me semble correcte même si j'ai pas tout suivi.

J'ai juste remarqué en début de table un "L" à la fin de "px" (deux fois), ça ne semble pas poser problème pour autant.

Hello

Le CSS ne me pose plus de problème sur les tableaux (du moins sur ces attributs là mais je pense qu'il y a un moyen d'optimiser le code pour le rendre plus lisible).

J'utilise beaucoup pxl pour abréger pixel, c'est normal que ça m'échappe de temps en temps^^". C'est bizzare qu'il n'y ait pas eu d'erreur d'interprétation de la commande :/ . Généralement le moindre faux pas est l'excuse pour générer des bugues^^

Voilà, je suis prêt pour la suite du test

Que ce soit sur ces attributs ou d'autres, c'est toujours le même principe.

Pour ma part, je m'en sortais bien mieux avec le css qu'avec le html ! j'ai eu du mal à intégrer les deux avec "style=..." . A force on le fait naturellement.

Et bien je n'ose plus dire "ça n'existe pas" ! J'étais étonné que l'on puisse par exemple ne pas mettre de ";" en fin d'une ligne css, et pourtant la dernière ligne n'en a pas besoin car ça indique juste une suite. Au fur et à mesure, on comprend mieux le pourquoi de chaque chose.

Au fait, tu es sur quel navigateur ? J'aurais pu te passer le moyen d'arrondir les angles et de faire des ombres, sauf que ça ne marche pas sous IE

Hello,
pour répondre à la question de Basil Hawkins, je suis sur Opéra en temps normal et google chrome

Il est vrai qu'il n'existe rien pour les coins arrondis sous IE mais pour les ombres portées IE j'ai trouvé ça... Mais il me semble que Quierra se sert déjà de cette astuce

Code:

/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

J'ai appliqué l'ombre portée sur ma table et rien ne se passe... Ca devrait marcher en théorie... Je ne vois pas pourquoi ça ne marche pas... Il se peut que la partie ombre portée ne soit pas placé au bon endroit dans la feuille de style...

Blabla...
Bla...	Bla...
Bla...
Bla...

Pour arrondir les coins, tu dois utiliser "border-radius", et pour l'ombre, "box-shadow". Je te laisse faire une recherche google pour voir comment ils marchent ;)

Hello

Ayééééé

Malgré tout, je suis dégouté... ça ne marchait pas uniquement car je mettais les options -webkit-box-shadow, -moz-box-shadow, box-shadow sur plusieurs lignes avec des retours chariots O_O pour que le code soit plus lisible... Bah non... Par curiosité, j'essaie de tout mettre sur un ligne et ça marche !!!! Bah c'est malin maintenant que je me suis arraché tous les cheveux !!! Comme quoi, un bug se cache parfois très très bien !
Bon bref... c'est ok maintenant^^

Blabla...
Bla...	Bla...
Bla...
Bla...

ha ben ouai, tu ne dois pas faire de retour à la ligne quand tu codes sur un éditeur du forum, si sur ceux du PA à la limite, mais là je ne sais pour quelle raison, ça provoque des espaces pas possible !!!

Je vais une fois voir ou ça en est dans le coin du staff... Avec mon prob de connexion, je crois qu'on t'as un peut oublié là !

Bonne journée.

Alors, maintenant je pense que je peux te montrer le code :

Code:

<div style="border: 1px dotted #000000;background: #8FA5CE; width: 100%; padding: 5px; -moz-box-shadow: 5px 5px 5px #000000; -webkit-box-shadow: 5px 5px 5px #000000; box-shadow: 5px 5px 5px #000000;"><table style="border: 1px solid #000000; background:#82A7CF; width: 50%; margin-right: auto; margin-left: auto; -moz-border-radius: 15px 10px 0px 25px; border-left: solid 2px #FFFF00; border-bottom: double 5px #FF0000; -webkit-border-radius: 15px 10px 0px 25px; border-radius: 15px 10px 0px 25px;"><tr><td><center>Blabla...</center></td></tr></table><table style="width: 100%;" cellspacing="10"><tr><td style="border: 1px solid #000000; width: 50%; background:#82A7CF; border-left: dashed 5px #FF00FF; border-bottom: dashed 3px #00FFFF;">Bla...</td><td style="border: 1px solid #000000; width: 50%; background:#82A7CF;">Bla...</td></tr>
<tr><td style="width: 50%;border: 1px solid #000000; background:#82A7CF;">Bla...</td></tr>
<tr><td colspan="2" style="width: 100%;border: 1px solid #000000; background:#82A7CF;">Bla...</td></tr></table><br /></div>

Ce qui donne ceci :




Alors tu te compliques vraiment trop la vie dans tes codes je trouve... L'un des atouts du HTML, c'est que c'est assez simple, mais souvent brouillon. J'ai vu que tu as déjà positionné d'une façon assez claire ton code, mais je pense qu'il va falloir que tu le réduises plus facilement.
Ah, et aussi, il va vraiment falloir que tu perdes cette habitude de mettre "pxl", c'est "px" !

Salut,

J'ai une petite questions pour Toshiro

Pourquoi ne pas avoir séparé le css et le html comme ceux-ci?

Code:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <title></title>

  <style type="text/css" media="screen">


.tout_ma
{
border: 1px dotted #000000;
background: #8FA5CE;
width: 100%; padding: 5px;
-moz-box-shadow: 5px 5px 5px #000000;
-webkit-box-shadow: 5px 5px 5px #000000;
box-shadow: 5px 5px 5px #000000;
}

.top_ma
{
border: 1px solid #000000;
background:#82A7CF;
width: 50%;
margin-right: auto;
margin-left: auto;
-moz-border-radius: 15px 10px 0px 25px;
 border-left: solid 2px #FFFF00;
border-bottom: double 5px #FF0000;
-webkit-border-radius: 15px 10px 0px 25px;
border-radius: 15px 10px 0px 25px;
}

.cols_1
{
border: 1px solid #000000;
width: 50%;
background:#82A7CF;
border-left: dashed 5px #FF00FF;
border-bottom: dashed 3px #00FFFF;
}

.cols_2
{
border: 1px solid #000000;
width: 50%;
background:#82A7CF;
}

  </style>
</head>
<body>


<div class="tout_ma">
<table class="top_ma">
<tr>
<td>
<center>
bla blal bla
</center>
</td>
</tr>
</table>

<table style="width: 100%;" cellspacing="10">
<tr>
<td class="cols_1">
bla bla
</td>
<td class="cols_2">
bla bla
</td>
</tr>
<tr>

<td class="cols_2" colspan="2">
bla bla
</td>
</tr>
</table>
</div>




</body>
</html>

Ce qui est plus propre et plus simple pour la modification quand on ne s'y connnais pas. Ce qui se produit lors des commandes.

James

Hello

Réponse à James1920 :
Pourquoi je n'ai pas séparé le HTML et le CSS, et bien car je n'arrive pas à l'inserer dans un post...
Ca doit marcher uniquement sur les pages HTML du Panneau d'Administration.

J'ai essayé ton code, il ne marche pas non plus. Dois-je activer quelque-chose ?

Hello,
Je confirme, le code de james ne marche que sur une page html ;)

Sinon nous avons décidé de t'accepter en tant que modérateur, et quand tu seras "meilleur" (je dis pas que t'es mauvais, hein ) tu pourras passer au poste de codeur.

Voilà ~

Salut,

J'ai la réponse que je voulais.

C'est normal qu'il ne fonctionne pas car le css dans être entre l'en-tête du forum.

Donc le seule moyen pour ce teste et séparer c'était de mettre une page html et donner le liens ou une iframe.

Mais ça ne change rien juste quelque ligne qui ne sont pas à recodé

James

Hello

J'ai jamais dit que j'étais bon en CSS non plus^^... Comme l'indiquait mon titre de topic, je me demandais juste si vous aviez besoin d'aide.

Mais j'ai grâce à vous pu remettre un pied à l'étrier de la programmation. Désormais, je vais pouvoir parfaire mon code en m'entrainant sur mon forum^^ Et peut être pourrais-je vous apporter mes trouvailles de programmation (j'ai encore un long chemin à parcourir xD )

Sinon, je veux bien endosser le poste de modérateur si vous pensez que je peux faire l'affaire...

Toshiro.