[phpBB2] Verlinkungen verzerren den Slider 

Hallöchen allerseits! (:

Zunächst einmal mag ich mich für die Hilfe in meinem letzten Thema bedanken; Bin leider nicht dazu gekommen, dass im entsprechenden Thema selbst zu tun, da es schon geschlossen war, als ich die Möglichkeit hatte, wieder online zu kommen, deshalb hoffe ich mal das es okay ist, es hier nachzuholen. ^^;

Es geht wieder einmal um dieses Forum.

Nun zu meinem Problem; Ich habe die Bilder im Slider nun mit Text ersetzt und zur "Verschönerung" Tabellen eingebaut. Jetzt stehe ich vor dem Problem, dass eben diese Tabelle bzw. der gesamte Slider total verzerrt wird, wenn ich mithilfe des <a href> - Codes versuche Verlinkungen zu erstellen. o: Habe mich im Internet schon nach Alternativen umgesehen, bin aber auf keine Lösung gekommen, wie das Problem lösen könnte. :<

Der Teil im Code des Sliders, der sich mit dem Inhalt / den Texten beschäftigt

Code:

<div class="slides_container">
<a target="_blank"><table style="background-color:#FFFFFF; color:black; width:300px; height:175px; border-top: 3px solid #0c4b72; border-bottom: 3px solid #0c4b72; opacity:0.8; font-size: 12px;"><tr><td><center><font style="family:garamond; font-size: 35px; color: #0c4b72; text-align: center; text-shadow: 0px 0px 2px #0c4b72; font-weight: bold;">» Neuigkeiten «</font></center>
<br />
<p style="font-family: arial; text-align: justify;"><b>13.07.2015</b> - Mit einiger Verspätung sind wir nun in einen neuen Zeitrahmen gesprungen. Zudem wurde die Blacklist gelöscht. Die ausführlichen News gibt es <a href="http://wings-of-freedom.forumieren.com/u63">hier</a>! ♥ </p>
<br />
<p style="font-family: arial; text-align: justify;"><b>02.07.2015</b> - Das Datum für den Zeitsprung steht fest und die neue Blacklist ist nun draußen. Mehr dazu erfahrt ihr in den aktuellen News! </p>
</td></tr></table></a>
<a target="_blank"><table style="background-color:#FFFFFF; color:black; width:300px; height:175px; border-top: 3px solid #0c4b72; border-bottom: 3px solid #0c4b72; opacity:0.8; font-size: 12px;"><tr><td><center><font style="family:garamond; font-size: 35px; color: #0c4b72; text-align: center; text-shadow: 0px 0px 2px #0c4b72; font-weight: bold;">» Team «</font></center>
<br /><center><table>
<tr>
<td><img src="http://i18.servimg.com/u/f18/16/03/95/25/teambi16.png" style="padding: 5px"/><p style="font-family: arial; text-align: center;">Eren</p></td>
<td><img src="http://i18.servimg.com/u/f18/16/03/95/25/teambi17.png" style="padding: 5px"/><p style="font-family: arial; text-align: center;">Emma</p></td>
<td><img src="http://i18.servimg.com/u/f18/16/03/95/25/teambi15.png" style="padding: 5px"/><p style="font-family: arial; text-align: center;">Marina</p></td>
</tr>
</table></center>
</td></tr></table></a>
          <a target="_blank"><table style="background-color:#FFFFFF; color:white; width:300px; height:150px;"><tr><td>Testtesttest</td></tr></table></a>
            </div>

Was vielleicht auch noch interessant sein könnte ich die Tatsache, dass die Teambilder auch nicht in einer Reihe angezeigt wurden, selbst, wenn ich die entsprechenden Codes direkt nebeneinander platziert habe; Musste deshalb auf eine weitere Tabelle ausweichen, mit der es dann auch geklappt hat. o:

Ich hoffe, man kann mir hier helfen - Ich komm einfach nicht auf die Lösung D:

Liebe Grüße & schon einmal ein Danke im Voraus,
Akisa

Hallo AkisaKurowa.

Das die A-Tags deinen Slider unansehnlich verziehen, liegt an folgendem Eintrag:

Code:

.slides_container a {
  width: 570px;
  height: 270px;
  display: block;
}

Sofern er nicht unabdinglich für die Funktionalität des Sliders ist, kannst du ihn löschen. Sollte das nicht gehen, kannst du den entsprechenden A-Tags eine eigene Class zu weisen, die sie von denen im Inhalt des Sliders unterscheidet. Dann müsste der Code daran angepasst werden.

Liebe Grüße
Gunich

Ah, du bist meine Rettung!
Zweitere Möglichkeit funktioniert wunderbar, das Thema kann dann also geschlossen werden.

Vielen lieben Dank! *___*