Problème bande noir Bouton_activeProblème bande noir Bouton_hoverProblème bande noir Fb-hoverProblème bande noir Fb-active
AccueilForumÉquipe 
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
Problème bande noir EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème bande noir EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème bande noir EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème bande noir EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème bande noir EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème bande noir EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème bande noir EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème bande noir EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème bande noir

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




Problème bande noir Empty
Alors, mon problème est que, lorsque j'ai eu terminer d'écrire l'index_body, une foutu bande noir pas belle est apparut sur le côté gauche u_u. Je vous montre :
Spoiler:

C'est vraiment fatiguant >< J'ai eu beau chercher, j'ai pas trouver de solution u_u Merci d'avance pour votre aide.
MessageSujet: Problème bande noir   Problème bande noir EmptySam 16 Jan 2010, 18:24
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème bande noir Empty
Bonjour, Smile
Pourrais-tu nous donner ton template ainsi que le CSS de ton forum ? Wink
MessageSujet: Re: Problème bande noir   Problème bande noir EmptySam 16 Jan 2010, 18:27
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Oui bien sur ^^.

Template :

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN message_admin_titre -->
    <tr>
        <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
    </tr>
    <!-- END message_admin_titre -->
    <!-- BEGIN message_admin_txt -->
    <tr>
        <td class="row1" rowspan="3" align="center" valign="middle">
        <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
        </td>
    </tr>
    <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
        <td width="100%" valign="top" align="center" class="row1"> 
            <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> 
            <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> 
            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
            <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 

        </td>
    </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
        </td>
        <td width="50%" align="right">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                    <!-- BEGIN switch_delete_cookies -->
                    <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                    <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
        </td>
    </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
        <td width="100%" valign="top" align="center" class="row1"> 
            <span class="genmed">{L_USERNAME}:</span> 
            <input class="post" type="text" size="10" name="username"/> 
            <span class="genmed">{L_PASSWORD}:</span> 
            <input class="post" type="password" size="10" name="password"/> 
            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
            <span class="gensmall">{L_AUTO_LOGIN}</span> 
            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
        </td>
    </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://yozora-rpg.keuf.net/groupcp.forum?g=12"><font color="#000000" size="2"><b>Gothique</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://yozora-rpg.keuf.net/groupcp.forum?g=11"><font color="#261E96" size="2"><b>Musicien</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://yozora-rpg.keuf.net/groupcp.forum?g=10"><font color="#116640" size="2"><b>Sportif</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://yozora-rpg.keuf.net/groupcp.forum?g=9"><font color="#821D1D" size="2"><b>Rebelles</b></font></a> </span><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS"><br>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td> &nbsp;</td>
        <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}


CSS :

Code:
a:hover {
text-decoration: none !important;
}

a { text-decoration: none; }

body{margin-top: 0px;}

body{margin-bottom: 0px;}

a.forumlink {
text-decoration: none;
background-color: #FEFEFE;
border-bottom: 2px double #C02582;
border-top: 2px double #C02582;
-moz-border-radius: 10px ;
border-right: 5px solid #C02582;
-moz-border-radius: 10px ;
border-left: 5px solid #C02582;
display:block;

}
a.forumlink:hover {
text-decoration: none;
background-color: #FEFEFE;
border-bottom:2px double #C02582;
border-top: 2px double #C02582;
-moz-border-radius: 10px ;
border-right: 5px solid #C02582;
-moz-border-radius: 10px ;
border-left: 5px solid #C02582;
display:block;
}

a { text-align: center; }

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.bodyline {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
-webkit-border-radius: 20px;
border: 3px #COULEUR solid;
}

tr.post span.gensmall { display: none; }

#chatbox_header .catBottom .cattitle {
color: #A87DA9;}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

.titre {
font-family: georgia, impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */
background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
border-bottom: 1px dashed #COULEUR; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */
color: #A4406F; /* Couleur de la police ^^ */
text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */
border-left: 3px solid #010101; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */
border-right: 2px solid #010101;
}

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.forumline
{background-color: transparent;
background-image: url(http://img710.imageshack.us/img710/3980/milieu.png);
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 18px;
border: none;}
MessageSujet: Re: Problème bande noir   Problème bande noir EmptySam 16 Jan 2010, 18:46
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème bande noir Empty
Mhhh ... J'arrive pas à trouver le problème scratch
As-tu déjà modifié le template index_box ? Wink
Et pourrais-tu me donner le lien de ton forum ? Smile

Au passage, remplace ton CSS par celui-ci, j'ai enlevé des trucs inutiles pour le faire plus court :
Code:
a:hover {
text-decoration: none !important;
}

a { text-decoration: none;
text-align: center; }

body{margin-top: 0px;
margin-bottom: 0px;}

a.forumlink {
text-decoration: none;
background-color: #FEFEFE;
border-bottom: 2px double #C02582;
border-top: 2px double #C02582;
border-right: 5px solid #C02582;
border-left: 5px solid #C02582;
-moz-border-radius: 10px;
display:block;

}
a.forumlink:hover {
text-decoration: none;
background-color: #FEFEFE;
border-bottom:2px double #C02582;
border-top: 2px double #C02582;
border-right: 5px solid #C02582;
border-left: 5px solid #C02582;
-moz-border-radius: 10px;
display:block;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.bodyline {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.forumline{
-moz-border-radius: 10px ;
-webkit-border-radius: 20px;
border: 3px #COULEUR solid;
background-color: transparent;
background-image: url('http://img710.imageshack.us/img710/3980/milieu.png');
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 18px;
border: none;
}

tr.post span.gensmall { display: none; }

#chatbox_header .catBottom .cattitle { color: #A87DA9;}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

.titre {
font-family: georgia, impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */
background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
border-bottom: 1px dashed #COULEUR; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */
color: #A4406F; /* Couleur de la police ^^ */
text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */
border-left: 3px solid #010101; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */
border-right: 2px solid #010101;
}

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 03:49
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Merci ^^ et non, je ne l'ai pas modifié l'index_box =/... voici le lien du forum =)

http://yozora-rpg.forumactif.com/index.htm
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 14:08
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème bande noir Empty
Je pense savoir ce que c'est. Remplace ton CSS par ceci :
Code:
a:hover {
text-decoration: none !important;
}

a { text-decoration: none;
text-align: center; }

body{margin-top: 0px;
margin-bottom: 0px;}

a.forumlink {
text-decoration: none;
background-color: #FEFEFE;
border-bottom: 2px double #C02582;
border-top: 2px double #C02582;
border-right: 5px solid #C02582;
border-left: 5px solid #C02582;
-moz-border-radius: 10px;
display:block;

}
a.forumlink:hover {
text-decoration: none;
background-color: #FEFEFE;
border-bottom:2px double #C02582;
border-top: 2px double #C02582;
border-right: 5px solid #C02582;
border-left: 5px solid #C02582;
-moz-border-radius: 10px;
display:block;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.bodyline {
-moz-border-radius:10px;
-webkit-border-radius: 20px;
}

.forumline{
-moz-border-radius: 10px ;
-webkit-border-radius: 20px;
background-color: transparent;
background-image: url('http://img710.imageshack.us/img710/3980/milieu.png');
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 18px;
border: none;
}

tr.post span.gensmall { display: none; }

#chatbox_header .catBottom .cattitle { color: #A87DA9;}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

.titre {
font-family: georgia, impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */
background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
border-bottom: 1px dashed #COULEUR; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */
color: #A4406F; /* Couleur de la police ^^ */
text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */
border-left: 3px solid #010101; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */
border-right: 2px solid #010101;
}

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 14:17
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Désoler, ça ne change rien =/
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 15:13
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Problème bande noir Empty
salut,
le problème réside dans l'image de fond du class forumline (milieu.png) si tu la surprime la barre va disparaitre mais je crois que le cadriage noir des catégories aussi va être supprimé
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 17:40
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Ouaiiiiiiiiiiiisss mon sauveur *0* Merci beaucoup Iowan *-* par contre, ça la supprimer les coins arrondis du tableau oO
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 17:54
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Problème bande noir Empty
pour les coins ajoute ceci a ton css

Code:

.forumline{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 18:00
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Merci x)
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 18:03
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème bande noir Empty
Puis-je classer ? Wink
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 18:19
Revenir en haut Aller en bas
Invité
Invité




Problème bande noir Empty
Faite vous plaisir ^^(évidemment x)
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 18:47
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème bande noir Empty
Je classe donc ~ ♫
MessageSujet: Re: Problème bande noir   Problème bande noir EmptyDim 17 Jan 2010, 18:50
Revenir en haut Aller en bas
Contenu sponsorisé




Problème bande noir Empty
MessageSujet: Re: Problème bande noir   Problème bande noir Empty
Revenir en haut Aller en bas
 

Problème bande noir

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

 Sujets similaires

-
» Cadre noir ?
» problème couleur texte + un autre problème de ... "thème".
» [résolu]Contour noir derangeant
» Template ; Forum en partie noir °°
» Barre noir dans la partie supérireur de message.

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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