PA avec une case qui décale le texte. Bouton_activePA avec une case qui décale le texte. Bouton_hoverPA avec une case qui décale le texte. Fb-hoverPA avec une case qui décale le texte. 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
PA avec une case qui décale le texte. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
PA avec une case qui décale le texte. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
PA avec une case qui décale le texte. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
PA avec une case qui décale le texte. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
PA avec une case qui décale le texte. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
PA avec une case qui décale le texte. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
PA avec une case qui décale le texte. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
PA avec une case qui décale le texte. EmptySam 11 Fév 2023, 06:04 par Krager

-50%
Le deal à ne pas rater :
[Adhérents Fnac] -50% Casque Pro Gaming HyperX Cloud Alpha Noire et ...
49.99 € 99.99 €
Voir le deal

Partagez
 

PA avec une case qui décale le texte.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



PA avec une case qui décale le texte. Empty
Bonsoir !

Oui c'est encore moi ! J'ai un petit problème avec la PA d'Ito de Bazzart. Elle ne répond pas à mon MP et j'avoue que ça me stress, en fait je vous laisse voir sur la PA :

Le texte du staff va sur le bas et sort de la PA, quand je mets les images c'est pire, on ne voit plus rien du tout à part les icônes qui descendent vers le bas pour disparaitrent sous le forum. Et j'ai beau bidouiller j'arrive à rien, peut-être que vous trouverez la solution mieux que moi ?

Code:
<div style="text-align: center;"><br><font style="font-family: TIMES NEW ROMAN; color: rgb(250, 241, 205); text-shadow: 0px 0px 2px rgb(250, 241, 205); line-height: 6px;" size="7" >BEGIN THE GAMES</font><br><div style="text-align: center; font-family: arial;"><font style="text-transform: uppercase; font-size: 8px; letter-spacing: 2px;line-height: 6px;">petite phrase qui va bien</font><br><br></div>

<table><tbody><tr><td  width=50%><div class=arthur><br>contexte  <strong>  <a href= link>lire la suite.</a></strong><br><br>
</div></td><td  width=50%><div class=arthur><br>Bienvenue sur <strong>CAMDEN</strong>, envie d'en savoir plus sur notre univers ? Pas de problème. Tout d'abord il faut que tu ailles lire le <a href=>règlement</a> et le <a href=>contexte</a>. Ensuite, afin de crée ton personnage il faut que tu choisisses dans quel <a href=>groupe</a> le classer, si tu n'as pas d'idée, n'hésite pas à aller faire un tour dans les <a href=>scénarios</a>. <br> <div style="margin:auto;text-align:center;width:100%"><img src="http://img11.hostingpics.net/pics/530856rejoinsnous.png" border="0" alt="" /></div></div></td></tr></tbody></table>
<table><tbody>
<tr> <td width=30% ><div class="arthur"><br><span style="text-align:center; width:100%"><table><tr><td><div style="background-image: url(lienimg); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px;"></div><br><div style="background-image: url(lienimg); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px;"></div></td>
<td<div style="background-image: url(lienimage); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px; "></div><br><div style="background-image: url(lienimage); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px; "></div></td><td><div align="justify">une équipe de choc, encore plus soudée que la team rocket, qui agit 24/24H pour votre bien. <strong><a href=>leur bio</a>. </strong> ♡</div></td></tr></table></span></div>
</td>
<td width=40%> <div class="arthur"><br><span class=titre2>news</span><br><br><div style="height:100px;overflow:auto;"><strong>xx/xx/xx •</strong> FORUM EN CONSTRUCTION/NE PAS S'INSCRIRE </div></div>
</td><td width=30%> <div class="arthur"><br><br>(crédit du forum) Forum administré par <strong>machin</strong>, <strong>truc</strong> & <strong>bidule</strong>. Contexte écrit par <strong>bidule</strong>, design réalisé par <strong>truc</strong> sur <strong>lol</strong>. Page d'accueil réalisé par <strong>ito</strong> sur <strong>bazzart</strong>, code optimisé sous firefox.
</div></td></tr></tbody></table>

Il y a du CSS mais je doute que ça vienne de là :
Code:
/*CODE PA*/
 
  .titre2 {
  text-transform: lowercase;
  letter-spacing: -2px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #2B1515;
 }

.arthur {
  height: 140px;
  border: 3px solid #391717; /* couleur des bords */
 
 
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #391717; /* couleur du fond */
}


Merci d'avance à deux qui se pencherons sur le problème. =)
MessageSujet: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 15:29
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



PA avec une case qui décale le texte. Empty
Bonjour !

"Ito de Bazzart" ? De quoi est-il question ? Et "PA", c'est panneau d'administration, à ne pas confondre avec message d'accueil x)

Peut-être serait-il utile que nous ayons un aperçu pour pouvoir cerner le problème, difficile de faire quoi que ce soit avec juste les codes Wink
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 15:41
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



PA avec une case qui décale le texte. Empty
Oh pardon, j'avais laissé une marge pour le lien et j'ai oubliée de le mettre :
http://beginthegames.forumcanada.org/*

Ito c'est la créatrice et Bazzart le Forum où je l'ai eu. Je tenais juste à le préciser. Je disais PA pour page d'accueil, j'utilise tout le temps cette formule.^^'
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 15:56
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



PA avec une case qui décale le texte. Empty
Euergh. Je viens de jeter un oeil au code et c'est une vraie abomination '_' Aucun codeur digne de ce nom n'ira y fouiller de bon coeur. Bon, il y a deux bouts de code du style
Code:
<td<div
et
Code:
</td<div
qui ne devraient évidemment pas s'agencer de cette façon.

J'ai essayé de te réagencer ton code, mais c'est un peu comme une maison qui aurait été construite sans respecter aucune des normes de construction : personne ne sait comment elle tient debout, et le jour où le proprio veut juste rajouter une fenêtre, elle s'écroulera sur sa tête.

Code:
<div style="text-align: center;">
   <br>
   <font style="font-family: TIMES NEW ROMAN; color: rgb(250, 241, 205); text-shadow: 0px 0px 2px rgb(250, 241, 205); line-height: 6px;" size="7" >BEGIN THE GAMES</font>
   <br>
   <div style="text-align: center; font-family: arial;">
   <font style="text-transform: uppercase; font-size: 8px; letter-spacing: 2px;line-height: 6px;">petite phrase qui va bien</font>
   <br>
   <br>
</div>

<table>
   <tbody>
   <tr>
      <td  width=50%>
         <div class="arthur">
            <br>contexte  <strong>  <a href= link>lire la suite.</a></strong>
            <br>
            <br>
         </div>
      </td>
      <td  width=50%>
         <div class="arthur">
            <br>Bienvenue sur <strong>CAMDEN</strong>, envie d'en savoir plus sur notre univers ? Pas de problème. Tout d'abord il faut que tu ailles lire le <a href=>règlement</a> et le <a href=>contexte</a>. Ensuite, afin de crée ton personnage il faut que tu choisisses dans quel <a href=>groupe</a> le classer, si tu n'as pas d'idée, n'hésite pas à aller faire un tour dans les <a href=>scénarios</a>. <br>
            <div style="margin:auto;text-align:center;width:100%">
               <img src="http://img11.hostingpics.net/pics/530856rejoinsnous.png" border="0" alt="" />
            </div>
         </div>
      </td>
   </tr>
   </tbody>
</table>
<table>
   <tbody>
      <tr>
         <td width=30% >
            <div class="arthur">
               <br>
               <table style="text-align:center;width:100%">
                  <tr>
                     <td>
                        <div style="background-image: url(lienimg); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px;">
                        </div>
                        <br>
                        <div style="background-image: url(lienimg); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px;">
                        </div>
                     </td>
                     <td>
                        <div style="background-image: url(lienimage); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px; ">
                        </div>
                        <br>
                        <div style="background-image: url(lienimage); height: 50px; width: 50px; -moz-border-radius: 40px 40px 40px 40px; ">
                        </div>
                     </td>
                     <td>
                        <div align="justify">une équipe de choc, encore plus soudée que la team rocket, qui agit 24/24H pour votre bien. <strong>
                        <a href=>leur bio</a>. </strong> ♡</div>
                     </td>
                  </tr>
               </table>
            </div>
         </td>
         <td width=40%>
            <div class="arthur">
               <br>
               <span class=titre2>news</span>
               <br>
               <br>
               <div style="height:100px;overflow:auto;">
               <strong>xx/xx/xx •</strong> FORUM EN CONSTRUCTION/NE PAS S'INSCRIRE </div>
            </div>
         </td>
         <td width=30%>
            <div class="arthur">
               <br>
               <br>(crédit du forum) Forum administré par <strong>machin</strong>, <strong>truc</strong> & <strong>bidule</strong>. Contexte écrit par <strong>bidule</strong>, design réalisé par <strong>truc</strong> sur <strong>lol</strong>. Page d'accueil réalisé par <strong>ito</strong> sur <strong>bazzart</strong>, code optimisé sous firefox.
            </div>
         </td>
      </tr>
   </tbody>
</table>

A ta place, j'irais faire une commande de code propre sur un forum qui en fait (genre SOS RPG ou l'Annuaire des Forums de FA), parce que à ce stade quoi qu'on fasse ça sera juste un peu de scotch sur une structure branlante.


Dernière édition par 'Christa le Lun 16 Avr 2012, 16:34, édité 1 fois
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 16:13
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



PA avec une case qui décale le texte. Empty
Si vraiment ça va pas, je reprendrai celui de mon autre forum ! Mais merci à toi d'avoir fouillé et remis ça au propre, merci du sacrifice. PA avec une case qui décale le texte. 306373
Pour le moment ça marche ! Sujet résolu.
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 16:22
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



PA avec une case qui décale le texte. Empty
    Hello !
    Si le sujet est résolu, je classe =D
    N'hésite pas si tu as d'autres questions PA avec une case qui décale le texte. 926145
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. EmptyLun 16 Avr 2012, 16:50
Revenir en haut Aller en bas
Contenu sponsorisé




PA avec une case qui décale le texte. Empty
MessageSujet: Re: PA avec une case qui décale le texte.   PA avec une case qui décale le texte. Empty
Revenir en haut Aller en bas
 

PA avec une case qui décale le texte.

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

 Sujets similaires

-
» Texte qui ne veut pas aller dans sa case.
» Agrandir case Texte/Liste dans le profil [Résolu]
» Rang avec image - retirer le texte
» Problème texte qui passe sur un autre texte
» Forum décâlé...

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 | Forumactif.com