[résolu] Problème de CSS Bouton_active[résolu] Problème de CSS Bouton_hover[résolu] Problème de CSS Fb-hover[résolu] Problème de CSS Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[résolu] Problème de CSS EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu] Problème de CSS EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu] Problème de CSS EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu] Problème de CSS EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu] Problème de CSS EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu] Problème de CSS EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu] Problème de CSS EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu] Problème de CSS EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

Partagez
 

[résolu] Problème de CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu] Problème de CSS Empty
Bonsoir,

Refaisant mon forum de fond en comble, j'ai voulu également refaire le codage. J'avais un vieux code sur un ancien forum de test que j'aimais bien, et les deux forums étant en mêmes versions (phpBB2 subsilver), j'ai décidé de le réutiliser d'un à l'autre.

Seulement, si ç'a très bien fonctionné pour l'un, ça n'a absolument pas fonctionné pour l'autre : http://yggy-test.forumgratuit.org/
(c'est juste le forum test)

J'avais donc ceci à l'affichage sur le premier forum :
Spoiler:

C'était à peu près le résultat que je cherchais. J'ai donc installé mes codes CSS :

Code:
.categorie{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #ffffff;
  border-top: 3px solid #;
  border-bottom: 1px solid #;
  border-right: 1px solid #;
  border-left: 1px solid #;
  box-shadow: 0px 0px 5px #;
  -moz-box-shadow: 0px 0px 5px #;
  -o-box-shadow: 0px 0px 5px #;
  -htm-box-shadow: 0px 0px 5px #;
  -webkit-box-shadow: 0px 0px 5px #;

border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forum{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #ffffff;
  border: 1px dotted #;
  padding: 2px;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink{
  display: block;
  width: 450px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink a{
  font-size: 16px;
  border-bottom: 2px dotted #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.description{
  display: block;
  width: 490px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #000000;}

.illu{
  float: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid #;
  background: #ebf4e9;
  padding: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;}

.stats_last{
  display: block;
  width: 160px;
  margin: auto;
  background: #ebf4e9;
  padding: 10px;
  border: 1px dotted #;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;

-moz-box-shadow: 0px 0px 3px #91b38b;
  box-shadow: 0px 0px 3px #91b38b;
  -webkit-box-shadow: 0px 0px 3px #91b38b;}
.stats{ 
  display: block;
  text-align: center;
  font-size: 10px;
  color: #000000;
  border-bottom: 1px solid #;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
 
-moz-box-shadow: 0px 0px 3px #000000;
  box-shadow: 0px 0px 3px #000000;
  -webkit-box-shadow: 0px 0px 3px #000000;}

.last{
  display: block;
  text-align: center;
  font-size: 11px;}

.sous_forum{
  display: block;
  width: 98%;
  margin: auto;
  background: #ebf4e9;
  padding: 2px;
  text-align: center;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

Et le template que je suppose aller avec (en tout cas, l'affichage du CSS n'était pas tant que le template n'était pas enregistré)

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
  <div class="forum">
   
<table><tr>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
   
    <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
   
  </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
  </div>
 
<!-- END tablefoot --><!-- END catrow -->

Et c'est là que le bazar commençait. L'affichage du premier forum n'apparaissait pas du tout. J'avais des descriptions à la police de texte agrandie, une page déformée...

J'ai fini par arriver à ce qui apparaît sur le forum test, et mon souci, c'est que j'aimerais que la "décoration" des dernières statistiques soit centrée dans la colonne qui lui est réservée, et soit également placée à gauche du forum et non à droite...

Merci d'avance pour vos réponses !


Dernière édition par Nye-Hael le Jeu 28 Mar 2013, 13:39, édité 1 fois
MessageSujet: [résolu] Problème de CSS   [résolu] Problème de CSS EmptySam 23 Mar 2013, 18:31
Revenir en haut Aller en bas
http://www.etincelle-discussion.com/
Nightmare.
Nightmare.
{ Membre }
{ Membre }

Masculin Messages : 44



[résolu] Problème de CSS Empty
    Bonsoir,

    Avez-vous essayé de vider le cache de votre navigateur? Ctrl+F5.
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMar 26 Mar 2013, 14:25
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu] Problème de CSS Empty
Bonsoir !

Je viens d'essayer, et ça n'a rien changé.

Merci du conseil, tout de même.
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMar 26 Mar 2013, 15:01
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[résolu] Problème de CSS Empty
Salut !

Pour le "centrage" des statistiques, il s'avère qu'elles sont déjà centrées, c'est juste que le tableau n'est pas de la même largeur que le forum. Tu peux y remédier en ajoutant cette déclaration CSS :

Code:
.forum > table {
    width: 100%;
}

Pour placer les statistiques à gauche plutôt qu'à droite, il te faut simplement revoir la structure du tableau '_'

C'est à dire que sachant que ton code HTML des catégories équivaut à ceci :
Code:
<table>
   <tr>
      <td>ICONE DU FORUM</td>
      <td>TITRE ET DESCRIPTION</td>
      <td>STATISTIQUES</td>
   </tr>
</table>

Tu n'as qu'à intervertir les deux dernières cellules.

(Pour rappel, je parle bien de la table à trois cellules qui suit directement <div class="forum">)
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMer 27 Mar 2013, 09:17
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu] Problème de CSS Empty
Oh, merci beaucoup !

Je voudrais juste savoir : le code pour le tableau, je me demande dans quel template je le trouve ?
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMer 27 Mar 2013, 12:18
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[résolu] Problème de CSS Empty
Celui que tu as donné, évidemment o_O En l’occurrence, le template index_box, qui contient la structure des catégories.

PS : Merci d'arrêter de mettre tes messages entre les balises blockquote, cette balise, comme son nom l'indique, est réservée aux citations et non à de la mise en page.
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMer 27 Mar 2013, 12:25
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu] Problème de CSS Empty
Encore merci.

Et navrée pour le blockquote. xwx Une habitude de mise en page...
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyMer 27 Mar 2013, 12:31
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[résolu] Problème de CSS Empty
Hello (:
Puisque le problème est résolu, je déplace !
Merci de l'avoir signalé [résolu] Problème de CSS 926145
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS EmptyVen 29 Mar 2013, 06:27
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu] Problème de CSS Empty
MessageSujet: Re: [résolu] Problème de CSS   [résolu] Problème de CSS Empty
Revenir en haut Aller en bas
 

[résolu] Problème de CSS

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]
»  ( J'ai résolu mon probléme ) :)
» [Résolu] Problème de PA
» Problème d'infobulles RESOLU

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit