Code-Hilfe benötigt: Text ein einer Tabelle zentriert mit Rahmen

06.08.2020 08:42

M_B
#1

M_

Hallo zusammen,

zunächst vorweg: ich arbeite mich an das Thema CSS gerade autodidaktisch ran. Momentan stehe ich vor folgendem Problem:

In einer Tabelle (die ich als Tabellen-Element einbaue) will ich in einer Spalte einen Text einbauen, der optisch hervorgehoben wird, indem er zentriert ist und um den Text (und nicht über die gesamte Breite) eine farblicher Rahmen ist. Dieses Text-Element soll in einem HTML-Widget stehen.

Einen Code habe ich mir zusammengebastelt, dieser funktioniert aber nicht so wie ich will:

1
2
3
4
5
 
<div>
	<div style="position: absolute; left: 50%; transform: translateX(-50%); background-color: #30d189; border-radius: 25px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border-radius: 25px; ">  
	<span style="text-align: center; font-size: 17px; color: #ffffff;">
      <strong>1,5 mm</strong></span></div>
</div>
 

Kann mir da jemand bitte helfen?

Danke schon mal! :)

Antworten

Beitrag melden

#2

06.08.2020 09:50

subcon
#2

subcon

Ich kenne deine Probleme am Anfang sehr gut, ist mir genauso gegangen wie dir!

Ich hab auf https://www.w3schools.com/css/default.asp "alles" durchgelesen und mich so sehr gut weiterentwickeln können in dem Bereich, du kannst dort auch viel selbst im Editor ausprobieren und dann auf deine Seite übernehmen!

Antworten

Beitrag melden

#3

03.09.2020 17:55 (zuletzt bearbeitet: 03.09.2020 17:59)

az_
#3

az_

Für Tabellen gibt es sehr gute online Tools. Google mal nach �Tabelle + HTML + Editor�. Du kannst den dort generierten Code sowohl in einen Textelement einsetzen, als auch in ein Tabellenelement. Beide verfügen über einen HTML Modus Schalter. Der befindet sich ganz unten ganz rechts im CMS � Editor Fenster.
Wenn du den Programmiercode in ein normales Textelement einsetzt, kannst du ihn auch ganz normal formatieren und auch Verlinkungen bilden.

LG, AZ

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html