Hallo
Ich habe auf meiner Webiste einzelne Boxen erstellt, in denen unterhalb eines Bildes und 3 Textzeilen (verschieden lange Texte) ein Button ist, der zu einem Link weiterleitet.
Die Texte orientieren sich an dem Text der darüber steht.
Allerdings möchte ich den Button immer an der selben Position im unteren Bereich der Box fixieren.
Könnt ihr mir vielleicht sagen wie das geht?
Hier der Quellcode:
<style type="text/css">
/*<=!=[=C=D=A=T=A=[*/
#nrall
{
width: 200px;
height: 205px;
float: left;
padding: 15px;
background-color: none;
border: 1px solid #aaaaaa;
display: inline;
margin: 13px;
}
#nrall img
{
width: 100%;
display: block;
}
#nrall h3
{
display: block;
size: 1.3em;
margin: 30px 0 15px 0;
text-align: center;
}
#nrall small
{
color: #777777;
size: 0.8em;
text-align: center;
}
#nrall p
{
margin: 15px 0;
text-align: center;
}
#nrall a
{
margin: 15px 0;
color: #000000;
background-color: #00dddd;
padding: 7px 13px;
display: block;
text-align: center;
background-image: url(https://u.jimcdn.com/cms/o/sca80463b5ba18af8/userlayout/img/pdf.png?t=1527333965);
background-repeat: no-repeat;
background-position: 10px 50%;
}
/*]=]=>*/
</style>
<div id="nrall">
<img src="Bild_Link" />
<h3>
Überschrift
</h3>
<small>Artikelnummer: Nummer</small>
<p>
Kurzbeschreibung
</p>
<a href="Links zum PDF Dokument"_blank">PDF Anleitung</a>
</div>
Dabei hat mir ein Kumpel geholfen, aber mit meinem oben beschriebenen Porblem konnte er mir nicht helfen.
Auf meiner Website habe ich den selben Quellcode zwei mal importiert, weil dazwischen noch unterkategorien usw. komen.
Allerdings soll bei der zweiten Rubrik eine andere Box-Height verwendet werden. Jedoch wird diese dan automatisch für alle Boxen auf der Seite übernommen, auch für die aus der ersten Rubrik.
Ich hoffe ihr habt ne Idee wie ich das ändern kann.
Vielen Dank
