des liens apparaissent sur chaque ligne, au lieu de ligne

Sur une page de détail de blog, j'ai une section tags.des liens apparaissent sur chaque ligne, au lieu de ligne

Le html ressemble:

<td class="tags"> 
<a href="">tag1></a>, <a href="">tag2</a> 
</td>

Pour une raison quelconque les balises montrent, chacun sur leur propre ligne, au lieu d'être en ligne.

Je sais que je peux créer un nouveau style pour résoudre ce problème, je dois juste m'assurer que le style CSS est suffisamment spécifique pour cibler cette section. Mais comment puis-je les forcer sur la même ligne?

J'ai essayé:

display:inline

mais cela ne fonctionne pas.

Le css:

.entry .entry_meta_bottom a, 
.entry_individual .entry_meta_bottom a { 
    display: block; 
    font-size: 0.9em; 
    line-height: 1.75em; 
    background-position: 0 60%; 
    background-repeat: no-repeat; 
    text-decoration: none; 
    margin-right: 10px; 
} 
.entry .entry_meta_bottom td.tags, 
.entry_individual .entry_meta_bottom td.tags 
{  
    background-image:url("../icon_tags.gif"); 
    background-repeat: no-repeat; 
    padding:0 0 0 25px; 

}

Source

2010-03-03 Blankman

Avez-vous d'autres styles pour la valeur par défaut « une » classe? De plus, quels styles avez-vous pour la classe 'tags'? – animuson

Nous devrions voir plus de votre code. Ou, puisqu'il s'agit d'une cellule de tableau, il se peut que la colonne soit trop étroite et que vous n'obteniez qu'un effet d'enveloppement. Essayez d'élargir la table et voir si cela aide. – Robusto

a ajouté le CSS à la question ci-dessus. – Blankman

Essayer de mettre display: inline est le bonne idée. Ma supposition est que vous n'avez pas rendu votre sélecteur suffisamment spécifique pour remplacer le display: block défini dans .entry .entry_meta_bottom a, .entry_individual .entry_meta_bottom a.

les opérations suivantes:

.entry .entry_meta_bottom td.tags a, 
.entry_individual .entry_meta_bottom td.tags a { 
    display: inline; 
}

Source

2010-03-03 20:32:10

yup c'était tout, encore les spécificités! – Blankman

J'ai dû apprendre beaucoup de leçons difficiles sur la spécificité par le biais d'essais et d'erreurs. Je suis heureux de pouvoir partager ce que j'ai appris sur un site comme celui-ci :) –

Êtes-vous sûr que le td est assez large pour contenir les deux côte à côte les balises? Les cellules de tableau enveloppent leur contenu par défaut (c'est l'une des raisons pour lesquelles les gens les aiment).

Source

2010-03-03 20:23:33

Eh bien le contenu ci-dessus (texte du blog) est visible et son plus large que la liste de balises. J'ai ajouté la largeur = 500 à la table et aucune différence, en fait il a juste déplacé la section de balises vers la droite mais elles sont toujours sur leur propre ligne. – Blankman

Comme d'autres l'ont mentionné, la question est presque certainement en raison de la largeur de l'élément td, mais si vous voulez le forcer à ne pas casser vous pouvez essayer:

td.tags 
{ 
    white-space: nowrap; 
}

Source

2010-03-03 20:27:02 mwcz

des liens apparaissent sur chaque ligne, au lieu de ligne

Répondre

Questions connexes