Rahmen um Next-Button durch interne Variable

Question

Ich habe am Ende einer Seite meines Surveys ein Element mit internen Variablen eingefügt, damit auf der folgenden Seite mittels PHP-Code die Block Reihenfolge randomisiert werden kann. Das funktioniert auch super.

Das Problem: In der Participant Ansicht ist der Next-Button auf der Seite mit der internen Variable umrahmt. Wie man am oberen Screenshot sieht, ist das Element darüber eine Tabelle, nach meinem Verständnis sollte das aber nichts damit zu tun haben. Im Debug Mode wird die umrahmte Stelle auch mit der Internen Variable beschriftet.

Wenn jemand eine Idee hat, wie ich die Umrandung weg bekomme, wäre ich sehr dankbar für Hilfe.

Answer 1

Der Rahmen kommt nicht von der internen Variable, sondern vond er Tabellenstruktur, welche den Weiter-Knopf an der richtigen Stelle platziert.

Diesen Rahmen scheinen Sie in IN02 zu definieren. Was bezwecken Sie denn mit dem CSS-Code, den Sie da auf die Seite ziehen?

Comments

Danke für die Antwort. Der Code erstellt eine Tabelle, um die benötigte Information auf der Seite übersichtlich darzustellen. Ich habe den darin enthaltenen Text für Übersichtlichkeit und Testschutz zur "xxx" ersetzt, aber abgesehen davon ist das der vollständige Code, der in diesem Element enthalten ist:

<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 6px;
}
</style>

<p>XXX</p>

<table>
  <tr>
    <th>Topic</th>
    <th>Statement</th>
    <th>Label</th>
  </tr>
  <tr>
    <td>xxx</td>
    <td>xxx</td>
    <td>xxx</td>
  </tr>
  <tr>
    <td>xxx</td>
    <td>xxx</td>
    <td>xxx</td>
  </tr>
  <tr>
    <td>xxx</td>
    <td>xxx</td>
    <td>xxx<br>
    xxx
    </td>
  </tr>
  <tr>
    <td>xxx</td>
    <td>xxx</td>
    <td>xxx</td>
  </tr>
</table>

---

Okay, der Trick ist, dass Sie das CSS nicht auf alle Elemente der Seite anwenden, sondern nur auf Ihre Tabelle. Geben Sie Ihrer Tabelle dafür eine Klasse, z.B.

<table class="infos">

und spezifizieren Sie das CSS entsprechend:

table.css th,
table.css td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 6px;
}

---

Es hat geklappt, vielen Dank für die Hilfe!