[gelöst]"oa-" Icons werden nicht angezeigt

Begonnen von SirMarco, 03 März 2018, 16:00:09

Vorheriges Thema - Nächstes Thema

SirMarco

Hallo zusammen

ich habe ein kleines Probelm, dass die "oa-" icons nicht angezeigt werden. Vielleicht kann jemand helfen  ;)
Mitgeladen wird die openautomation.css (es ist auch enthalten) und das icon wird mir in der icons_table.html auch angezeigt
meine index.html

Kann doch noch etwas anderes blocken?

Grüsse

<!DOCTYPE html>
<html>
<!-- FHEM Tablet UI 2.61 -->
<head>
<title>FHEM - mobile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <!--initial-scale=4.0 -->
    <!--meta name="widget_base_width" content="70">
    <meta name="widget_base_height" content="70"-->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--meta name="gridster_disable" content="1"-->
<meta name="toast" content="1">
<!--meta name="longpoll-delay" content="0"-->
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="longpoll_type" content="websocket">
<meta name="longpoll_filter" content=".*">
    <meta name="debug" content="1"> <!-- verbose level 1-6 = output to console;0 = not output --><!--2 -->
    <!--meta http-equiv="Cache-Control" content="no-store" /-->
<script src="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>
<!-- Style CSS -->
    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="css/fhem-mobil-ui.css" />
<link rel="stylesheet" href="lib/fhemSVG.css" />
<link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/home.ico" />
<!--FONTS-->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
<link rel="stylesheet" href="fonts/roman/style.css" />
<link rel="stylesheet" href="fonts/material/style.css" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />
</head>
<body>
<nav id="menu">
<div data-type="link" class="default medium top-space-mobile-2 left-space-2"
data-width="235"
data-icon-left="fa-home"
data-color="white"
data-text-align="center"
data-load="div#content_home"
data-url="#content_home.html"
data-active-color="#006DC3"
data-active-pattern="(.*index.html|.*#content_home.html)">Home
</div>
<div style="display:inline-block;height:1px;width:80%;background-color:#4F4F4E;"></div>
<div data-type="link" class="prefetch medium top-space-mobile left-space-2"
data-width="235"
                data-icon-left="oa-fts_window_1w"
data-color="white"
data-text-align="center"
data-load="div#content_wohnzimmer"
data-url="#content_wohnzimmer.html"
data-active-color="#006DC3"
data-active-pattern=".*#content_wohnzimmer.html">Wohnzimmer
</div>



SirMarco

Ich glaube es ist gelöst:

Bindet man das so in  die Index nicht mehr ein?

<!--link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" /-->

choenig

#2
Hi,

<!--link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" /-->


der code ist ja auskommentiert, ist das Absicht?

Versuch mal

    <link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />


EDIT: Ich seh' grad, dass es in Deiner html Datei ja richtig drin ist. Wieso hast Du das dann auskommentiert nochmal geschrieben?

LG
Christian

SirMarco

Zum testen habe ich das auskommentiert. Dann läuft es.

Nagut... Muss man nedd verstehen