CSS

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu CSS

Message par Leo55 Ven 12 Aoû 2011 - 0:50

Bonjour à tous !

J'ai une question à vous poser : Je veux poster dans un message un code HTML / CSS, j'en ai l'autorisation, mais quand je mets la balise style, rien ne change !

Merci d'avance ! Wink

EDITION : Peut-on mettre du PHP ??? Ou alors, peut-on inclure une page web sur un post ?


Dernière édition par Leo55 le Ven 12 Aoû 2011 - 16:13, édité 1 fois
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 1:00

Bonsoir

puis-je avoir un aperçu de votre code ? Pour le php, comme pour le javascript, c'est impossible dans les messages. Par contre on peut mettre l'aperçut d'une page web grace aux iframe.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 1:14

Voici le code :

Code:
<style>
h1
{
   text-align : center ;
   font-size : 1.5em ;
}

#tableau
{
  border-collapse: collapse ;
  margin : 10px auto ;
  text-align : center ;
}

table #tableau td, table #tableau th
{
  vertical-align : middle ;
  background : #242424 ;
  border : 2px solid black ;
  padding : 2px ;
}


table #tableau th
{
   color : #F15015 ;
   font-weight : bold ;
   font-size : 1.2em ;
}

</style>
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 1:23

ceci est un code css, il ne marchera pas ainsi posté

Avez-vous le code de votre tableau également ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 1:31

Le voici :

Code:
<h1>Boutique</h1>

<table id="tableau">
   <tr>
      <th>Code</th>
      <th>Site</th>
      <th>Stock</th>
   </tr>   
   <tr>
      <td><img src="http://img804.imageshack.us/img804/2200/20pass.png" alt="Image de 20$pass" /></td>
      <td><a href="http://20dollars2surf.fr">20$2surf</a></td>
      <td>4</td>
   </tr>
   <tr>
      <td><img src="http://img43.imageshack.us/img43/3919/codea.png" alt="Image de Serv'Code" /></td>
      <td><a href="http://prizee.com">Codes-Service</a></td>
      <td>2</td>
   </tr>
   <tr>
      <td><img src="http://img854.imageshack.us/img854/5407/newpack.png" alt="Image de Newpack" /></td>
      <td><a href="http://packbarre.com">Packbarre</a></td>
      <td>2</td>
   </tr>
   <tr>
      <td><img src="http://img850.imageshack.us/img850/407/packa.png" alt="Image de Pack+" /></td>
      <td><a href="http://prizee.com">Prizee</a></td>
      <td>2</td>
   </tr>
   <tr>
      <td><img src="http://img580.imageshack.us/img580/1252/rcrpass.png" alt="Image de Récrépass" /></td>
      <td><a href="http://recreland.com">Récréland</a></td>
      <td>2</td>
   </tr>
</table>
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 2:06

Alors, vous avez le choix ^^

1. vous etes admin de ce forum, vous postez directement ce code de tableau, puis dans la css à PA > Affichage > COuleurs > Onglet feuille de style css, vous insérez votre code css sans les balises <style> </style> et vous enregistrez.

2. Soit vous reportez directement dans le code du tableau les styles de css grâce à style="code css" et vous postez ce code dans le message

Code:
    <h1 style="text-align : center ;font-size : 1.5em ;">Boutique</h1>

    <table style="border-collapse: collapse ; margin : 10px auto ; text-align : center ;">
      <tr>
          <th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Code</th>
          <th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Site</th>
          <th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Stock</th>
      </tr> 
      <tr>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img804.imageshack.us/img804/2200/20pass.png" alt="Image de 20$pass" /></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://20dollars2surf.fr">20$2surf</a></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">4</td>
      </tr>
      <tr>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img43.imageshack.us/img43/3919/codea.png" alt="Image de Serv'Code" /></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://prizee.com">Codes-Service</a></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td>
      </tr>
      <tr>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img854.imageshack.us/img854/5407/newpack.png" alt="Image de Newpack" /></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://packbarre.com">Packbarre</a></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td>
      </tr>
      <tr>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img850.imageshack.us/img850/407/packa.png" alt="Image de Pack+" /></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://prizee.com">Prizee</a></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td>
      </tr>
      <tr>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img580.imageshack.us/img580/1252/rcrpass.png" alt="Image de Récrépass" /></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://recreland.com">Récréland</a></td>
          <td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td>
      </tr>
    </table>

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 15:16

Merci beaucoup ! Cela marche (il faut juste ajouter des class) !

J'ai juste une dernière question, lorsque je poste mon message, le tableau va tout en bas et je suis obligé de régler cela avec un margin-top négatif ! Confused Ce n'est pas l'idéal !

Merci d'avance.

Cordialement
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 15:18

C'est du aux sauts de lignes. EN fait un saut de ligne est pris en compte en bbcode. Si vous n'avez pas de bbcode dans ce code (me souviens plus Rolling Eyes ), désactiver le dans options en postant le message (ou en l'éditant)

Si cela ne marche pas, il faudra enlever tous les sauts de lignes entre les cellules de votre tableau.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 15:33

Merci beaucoup mais il me reste deux problème ! Sad

Le premier est que je n'ai pas de sauts de ligne (où alors je ne l'ai voit pas) ! Pourriez-vous m'aider à les enlever (je signale que je poste mon message avec uniquement ce code HTML) !

Le second, c'est que les membres voit le code HTML (brut) alors que moi, je vois l'affichage correct !

Merci d'avance !
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 15:45

Pour vos membres, il faut qu'ils activent le html dans leur profil à préférences ^^ https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=html

pour votre code, essayez celui-ci :

Code:
        <h1 style="text-align : center ;font-size : 1.5em ;">Boutique</h1><table style="border-collapse: collapse ; margin : 10px auto ; text-align : center ;"><tr><th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Code</th><th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Site</th><th style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ; color : #F15015 ; font-weight : bold ; font-size : 1.2em ;">Stock</th></tr><tr><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img804.imageshack.us/img804/2200/20pass.png" alt="Image de 20$pass" /></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://20dollars2surf.fr">20$2surf</a></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">4</td></tr><tr><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img43.imageshack.us/img43/3919/codea.png" alt="Image de Serv'Code" /></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://prizee.com">Codes-Service</a></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td></tr><tr><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img854.imageshack.us/img854/5407/newpack.png" alt="Image de Newpack" /></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://packbarre.com">Packbarre</a></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td></tr><tr><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img850.imageshack.us/img850/407/packa.png" alt="Image de Pack+" /></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://prizee.com">Prizee</a></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td></tr><tr><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><img src="http://img580.imageshack.us/img580/1252/rcrpass.png" alt="Image de Récrépass" /></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;"><a href="http://recreland.com">Récréland</a></td><td style="vertical-align : middle ; background : #242424 ; border : 2px solid black ; padding : 2px ;">2</td></tr></table>
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 15:54

Ok ! Merci pour le code (qui est un bon contre les principes du CSS mais bon...) !

Sinon, pour le profil, c'est chaque membre qui doit activer où alors, je peux l'activer du panneau ?

Merci de ta grande bonté !

Si je peux faire quelques chose !
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 16:00

Chaque membre doit l'activer de lui-même ^^. Mettez une annonce pour les prévenir.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par Leo55 Ven 12 Aoû 2011 - 16:09

C'est embêtant ! Mais bon...

J'ai une autre et dernière question, peut avoir une URL qui pré-rempli le champ du destinataire d'un MP ?

Merci bien !
avatar

Leo55
Nouveau membre

Messages : 15
Inscrit(e) le : 29/06/2010

http://les-pros-du-clics.forumactif.com/
Leo55 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS

Message par SoraNoHime Ven 12 Aoû 2011 - 16:12

^^ c'est un problème, un sujet, je vous invite à faire un nouveau post et à éditer celui-ci pour le mettre en résolu.

COrdialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum