Créer un texte fixe au bas de plusieurs cases en utilisant CSS

Question

J'utilise CSS pour aligner mon texte (qui est juste un lien "lire plus") au bas de mes boîtes d'article de prévisualisation qui ont une hauteur standard. Le « lire la suite » lien maintenant apparaître juste au-dessous du texte teaser et je dois le placer quelques pixels au-dessus de la ligne inférieure de la zone de l'article indépendamment de la hauteur du texte, comme celui-ci

___________________________ 
| 
| 
| 
| 
| 
|    read more >> 
|___________________________ 

Pouvez-vous S'il vous plaît donnez-moi des idées ou des exemples?

Cordialement, George

Answer 1

Set avoir votre élément de l'article position:relative puis définissez la lire plus lien pour avoir position:absolute afin que vous puissiez le positionner dans l'article en utilisant les bottom/right propriétés CSS ..

exemple à http://www.jsfiddle.net/gaby/7bduy/

Answer 2

Je ne l'ai pas utilisé Javascript depuis longtemps, mais juste sur la section « Related » il y a un lien qui peut vous aider: CSS: fixed to bottom and centered

Answer 3

Vous pouvez regarder dans le positionnement du texte relativement.

css:

#selectorName{ 
    position:relative; 
    left: 10px; 
    top:10px; 
    bottom:10px; 
    right:10px; 
} 

cela vous permettra de déplacer le lien autour de la zone par rapport à la position où il est censé être selon les règles de flux de documents.

Answer 4

Si votre article 'texte' est de taille fixe, faire quelque chose comme ceci:

<div class="article"> 
<div class="readmore"><a href="#">read more ></a> 
</div> 

CSS:

.article 
{ 
position relative; 
width: 300px; 
height: 100px; 
} 
.readmore 
{ 
position:absolute; 
z-index:3; 
width:50px; 
height:25px; 
right:0px; 
top:280px; 
} 

... ou quelque chose comme ça :)