Problème de liens

2 participants

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

Résolu Problème de liens

Message par Lady doll 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:Problème de liens Essai110
mais j'obtiens cela:
Problème de liens Essai210
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

Lady doll
***

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

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way 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

no_way
Membre actif

Messages : 2214
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 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

Lady doll
***

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

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way Ven 26 Avr 2013 - 23:16

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

no_way
Membre actif

Messages : 2214
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 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

Lady doll
***

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

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way Ven 26 Avr 2013 - 23:25

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

no_way
Membre actif

Messages : 2214
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 Ven 26 Avr 2013 - 23:26

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

Lady doll
***

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

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de liens

Message par no_way 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

no_way
Membre actif

Messages : 2214
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

- Sujets similaires

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