Bild in Tabelle mittig zentrieren

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

eisenstudent

Neues Mitglied
22 Juli 2020
4
0
1
33
Hallo an alle,

bekomme es leider einfach nicht hin das Bild in der Tabelle mittig zu zentrieren.
Nicht wundern: mit :="xSensor" wird der Zustand einer Variablen abgefragt. Dementsprechend wird dann Bild Farbe1.jpg oder Farbe0.jpg angezeigt.

Der Code für die Zeile:
HTML:
<tr> <td> <p>Sensor: </p> </td> <td> &nbsp; <img

src="Farbe:="xSensor":.JPG"

width="18px"

height="18px"

name="Farbe"

"StatusFarbeCPU = 0"

id="StatusFarbeCPU"

alt="Farbe" > </td>  <td> <p>&nbsp; &nbsp; :="xSensor": </p> </td> </tr>

Hat jemand eine Idee?
 

jonas3344

Mitglied
25 Oktober 2019
68
23
8
37
Ich weiss nicht was das ist aber valides HTML ist es sicher nicht.

Einen Text (oder ein Bild) horizontal zentrieren kann man über das CSS-Element text-align
 

jonas3344

Mitglied
25 Oktober 2019
68
23
8
37
Ziemlich viel.
Du ersetzt :="xSensor"? Mit was für einer Sprache? Serverseitig ists ok, sobald du das client-seitig machst hast du da zu viele Quotes drin.
width/height würde ich über CSS lösen. Das name-Attribut ist veraltet.
Dann hast du "StatusFarbeCPU = 0" drin, was ist das?

Benutz den Validator um Dir Deine Seite validieren zu lassen: https://validator.w3.org/
 

eisenstudent

Neues Mitglied
22 Juli 2020
4
0
1
33
Wie ich schon sagte wird damit eine Variable eingelesen. Das ist der Code, damit es eine Siemens CPU lesen kann. Die Steuerung baut mir aus dem HTML-Code dann einen Webserver.

Das mit dem width/height könnte man im CSS lösen, das stimmt.

Mir geht es hier aber nur darum, dass das Bild nicht mittig angezeigt wird. Selbst text-align hilft nicht.
 

jonas3344

Mitglied
25 Oktober 2019
68
23
8
37
Ah ok, das ist relativ ungewohnt. Aber wenn das so auf diese Weise klappt und sauberes HTML rauskommt, ok.

Was bedeutet denn mittig für Dich?
 

jonas3344

Mitglied
25 Oktober 2019
68
23
8
37
Nimm das <p> raus in den Spalten mit dem Text. Dann sollte der Text oben sein.
Wenn du mehr willst müsstest du Dich etwas intensiver mit CSS befassen. Anhand des vorliegenden Schnipsels kann man Dir auch kaum sagen wie das gehen würde, da wir nicht wissen wie das aktuell aussieht, wie du Deine Seite strukturiert hast und was du schon für CSS-Regeln definiert hast.
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.103
408
83
67
Ich denke, da muss man nicht CSS studieren und auch nicht die komplette Seite kennen. Gib der Tabellenzelle mit dem Bild eine geeignete Klasse:
HTML:
<td class="td-status-img"><img

src="Farbe:="xSensor":.JPG"

width="18px"

height="18px"

name="Farbe"

"StatusFarbeCPU = 0"

id="StatusFarbeCPU"
Und dann dieses CSS:
CSS:
.td-status-img {
    display: flex;
    align-items: center;
    justify-content: center;
}