Tabellenlinien im Floorplan unsichtbar - Wie sichtbar machen?

[kblc]

Hallo mal wieder.

Ich stehe wieder mal vor einem Rätsel. Eigentlich sind es mehrere. Aber alles nach und nach. Ich muss einfach fragen, da ich über 2 Wochen an meiner selbstgestellten Aufgabe herumprobiere. Aber ich bewege mich entweder im Kreis oder laufe ständig gegen eine Wand. Daher bitte ich kurz um ein paar Tipps, damit ich wieder auf den Weg finde.

Vorab CSS ist nicht mein Freund. Ich habe mich damit auseinandergesetzt, aber es macht immer was anderes oder gar nix, als das was ich "programmierte" (also versuchte). Ergo: Nicht mein Freund. Aber ich werde freilich daran arbeiten.



Mein Vorhaben:

Ich habe ein 7" Touch von Raspberry Pi. Der soll FHEM anzeigen. Das tut er auch. Ich habe den Floorplan auch so erstellt.

Nun wollte ich einen Floorplan erstellen, der die Anruferlöste der Fritzbox anzeigt. Das klappt auch recht gut. Ich habe es sogar geschafft, die Schriftart und Farbe gezielt zu ändern.

Und nun mein Problem:
Ich würde gerne eine Tabelle angezeigt bekommen. Also die Linien davon. Die Tabelle ist schon vorhanden. Wenn ich die Tabelle markiere, kann man auch die Linien erkennen.

Aber          wie?

Ich steh vor einem Rätsel. Kann mir jemand einen Tipp geben? Ich muss das doch in der jeweiligen css Datei machen -  oder?

Hier mal meine CSS Datei:

Code Auswählen Erweitern


body     { background-color: #0000FF;
           font-family:Arial, sans-serif;
           font-size:18px;
           background-repeat:no-repeat;  }

body[id~=Media]     { background-color: #0000FF;
                        font-family:Arial, sans-serif;
                        font-size:20px; 
                        background-image:url(../icons/Media.bak);
                        background-repeat:no-repeat;  }

#logo    { position:absolute; top: 10px; left: 10px;
           width:64px;  height:67px; background-image:url(../icons/fhem_smallscreen); }
#backimg {position:absolute; top:0px; left:0px;}
#menu    { position:absolute; top:0px; left:20px; min-width:60px; }
#menu.floorplan   { position:absolute; top:20px; left:20px; min-width:80px; font-size:20px; line-height:22px; }
#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:20px; min-width:310px; font-size:20px; color:#000000; border:1px solid gray;}
#startcontent {position:absolute; top:20px; left:180px; text-align:left; font-size:20px; color:#000000;}
table a:hover {font-weight:bold; color:#00ffff;}
#hdr     { position:absolute; top:20px; left:180px; border:1px solid gray; }
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#errmsg { background-color: #000000; color: #000000; position:absolute; top:0px; left:40px; z-index: 10; }
a { color: #000000; font-weight:bold; }
img {  border-style: none; }
table { -moz-border-radius:8px; border-radius:8px; }



.fp_Wohnung   {border:0px solid grey;}

      .devicename     {font-size: 20px; text-align:center; }
      .devicestate    {text-align:center; }
      .devicecommands {font-size:20px; text-align:center;color:#000000; }
      .devicetimestamp{font-size:20px; text-align:center; }

#Heim   {font-size:22px; width:100px; color:black; font-weight:bold; }
#Erdgeschoss   {font-size:22px; width:100px; color:black; font-weight:bold; }
#Musik   {font-size:22px; width:100px; color:black; font-weight:bold; }
#FHEM   {font-size:22px; width:100px; color:black; font-weight:bold; }
#Reciver   {font-size:22px; width:100px; color:black; font-weight:bold; }
#Text1 {font-size:22px; width:100px; color:black; font-weight:bold; }
#WohnKuechenheizung {font-size:18px; width:100px; color:black; }
#Schlafzimmerlheizung {font-size:18px; width:100px; color:black; }
#Kinderzimmer_ {font-size:18px; width:100px; color:black; }
#Telefon1 {font-size:22px; width:100px; color:black; font-weight:bold; }
#Telefon {font-size:22px; width:100px; color:black; font-weight:bold; }


#Anruferliste.devicestate {color:#000000; font-size:18px; }

#sz_Rollo.devicename     {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussensensor.devicestate  {color:green; font-size:30px; }
#HomeStatus.devicestate  {color:green; font-size:30px; }
table.dummy              {min-width:100px; }
table.FHT                {min-width:100px; }
#wakeup.devicestate      {color:green; font-size:11px; }
#ez_FHT.devicestate      {color:green; font-size:30px; }
#Home.fp_Wohnung      {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Wohnung               {font-size:14px; text-align:left; }
.fp_tempvalue            {color:red; font-size:20px; }
.fp_humvalue             {color:blue; font-size:20px; }

h2,h3,h4 { color:#000000; line-height:1.3;
           margin-top:1.5em; font-family:Arial,Sans-serif; }


/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; background-color:#efefef; }
.set,.attr { margin-bottom:5px; float:left; background-color:#efefef; }
.slider { float:left; width:140px; height:26px; border:2px solid; color:grey; background-color:#efefef; }
.set .slider { background:#F0F0D8; border-radius:8px; background-color:#efefef; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

.handle { position:relative; cursor:pointer; width:50px;
          height:20px; line-height:20px; user-select:none;
          border:3px solid; color:#278727; text-align:center; }
.downText { margin-top:2px; }

/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }

/* next lines are for remotecontrol */
.rc_body              { border-style: solid; border-color: gray; border-width: 2px;
                        padding: 5px; background: #C8C8B0; font-size:20px;}
.rc_button            { padding: 5px 7px;}
.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }


Vielen herzlichen Dank für jeden Tipp?

KBLc