Code ist absolut identisch. Um genau zu sein handelt es sich um folgenden (Beispielhaft) Code, der via Php erstellt wird und in abhängigkeit der Anzahl der Einträge in der Datenbank mal öfters hintereinander kommt (ein <a...</a> Konstrukt pro Eintrag). Auf jeder Seite (ist nach Anfangsbuchstaben unterteilt) gibt es dann einen ein Eintrag, bei dem der Rahmen (und auch sämtliche anderen CSS Eigenschaften) des <a> nicht nur um dieses insgesamt geht, sondern auch um jedes einzelne Unterelement.
HTML:
<a href="show.php?id=1">
<img src="cover.jpg" alt="cover">
<h3>Titel</h3>
<p class="info">
<span>Blabla</span>
<span>Blabla</span>
<span>Blabla</span>
</p>
<p class="text">texttexttexttexttexttexttexttext</p>
</a>
CSS:
a {
background: #202020;
border: solid 3px #919191;
color: #919191;
display: block;
height: 160px;
margin-bottom: 15px;
padding: 7px;
}
a:hover{
border: solid 3px #990000;
color: #990000;
}
img {
border: none;
float: left;
height: 160px;
margin-right: 10px;
width: 120px;
}
h3 {
font-weight: bold;
font-size: 11pt;
line-height: 11pt;
margin-bottom: 20px;
}
p {
color: #E0E0E0;
}
span {
margin-right: 15px;
}
p.info {
color: #919191;
font-weight: bold;
margin-bottom: 5px;
}
p.text {
text-align: justify;
}
Hier ist mal ne grafische Verdeutlichung:
http://www2.picfront.org/picture/hhSEbCtXhm/img/ff-bug.jpg
Die Zahlen 1-3 sollen anzeigen, welche Eintrag es jeweils ist.
Sind natürlich net immer 3 Einträge, bei 11 auf einer Seite, ist zb der 8te kaputt, aber sonst keiner.