Problème de liens

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

Résolu Problème de liens

Message par Lady doll le Ven 26 Avr 2013 - 22:30

Bonjour/bonsoir,
Voilà, actuellement j'ai un soucis avec les liens de mon forum en construction. Je souhaitais obtenir ceci:
mais j'obtiens cela:

ce que j'aimerais c'est que les cadres qui entourent les liens fassent tous la même dimension et ne se contente pas de prendre leur taille en fonction de la longueur du lien, dans la mesure du possible, avoir une marge interne pour ne pas que les liens soient collés au bord des cadres. Voici mon css:
Code:
link_categ{

}


.link_categ a{
  width:250px;
  background-color:rgba(255,255,255,0.3) !important;
  border: 1px solid #7d8797;
  margin: 3px;
  text-align: center;
  font-size: 11px;
}

.link_categ br{
  margin-bottom:8px;
}

Merci par avance à la personne qui aura envie et la patience de m'aider =)


Dernière édition par Lady doll le Ven 26 Avr 2013 - 23:26, édité 1 fois

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way le Ven 26 Avr 2013 - 22:47

Bonsoir remplacez votre CSS précédent ainsi:
Code:
.link_categ a{
  display:block;
  width:250px;
  background-color:rgba(255,255,255,0.3) !important;
  border: 1px solid #7d8797;
  margin: 8px 3px 8px 3px;
  text-align: center;
  font-size: 11px;
}
Pourriez-vous fournir le code html si ça ne marche pas ?

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème de liens

Message par Lady doll le Ven 26 Avr 2013 - 23:14

Merci Noway! cela marche, le seul soucis c'est que maintenant, l'écart entre les cadres est... beaucoup trop grand xD
je vous laisse jeter un oeil directement sur le forum test: http://lady-doll-design.forumactif.org/

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way le Ven 26 Avr 2013 - 23:16

Je vous en prie Wink
supprimez les balises br entre les cadres.

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème de liens

Message par Lady doll le Ven 26 Avr 2013 - 23:21

Voilà ce que j'ai dans mon template:
Code:

<img src="http://nsa34.casimages.com/img/2013/04/26//130426050825560462.png" height="20px" width= "523px" />
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  </td>
                                          <td class="link_categ" align="center" valign="middle" height="60px" width="250px">
                                          <span class="gensmall_cat" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                     <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
                     </script>
                  </td>
Je n’aie donc pas de balise à retirer ^^"

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way le Ven 26 Avr 2013 - 23:25

Je vois ajoutez ce qui suit à votre css alors:
Code:
.link_categ br{display:none;}

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème de liens

Message par Lady doll le Ven 26 Avr 2013 - 23:26

Oh Noway, problème résolu! encore merci de votre aide =)

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way le Ven 26 Avr 2013 - 23:27

Je vous en prie, bonne continuation Smile


PS: je viens de voir que c'est du javascript qui affiche des sauts de lignes.
Remplacez dans votre template:
Code:
jQuery('#subforums').html().replace(/, /g,'<br/>')
par:
Code:
jQuery('#subforums').html().replace(/, /g,'')

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way 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