html – Bloco CMS com erros no código

Tenho um slide de botões, mas ao clicar no botao o hyperlink não está funcionando, algum consegue identificar o problema?


Compre por categoria!

        <div><use rel="noreferrer "href="https://www.adorobeleza.com.br/maquiagem.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-maquiagem.svg" alt="Maquiagem e Acessorios" width="63"></use>
        </div><span>Maquiagem </span></a>

    <a hef="https://www.adorobeleza.com.br/maquiagem.html" title="Corpo e Banho">

Corpo e Banho

    <a hef="https://www.adorobeleza.com.br/Acessorios.html" title="Acessorios">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/acessorios-de-maquiagem.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-maquiagem-acessorios.svg" alt="Acessorio de Maquiagem" width="69"></use>
        </div><span>Acessorios</span></a>

    <a hef="https://www.adorobeleza.com.br/Cuidados-com-a-pele.html" title="Cuidados com a pele">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/cuidados-com-a-pele.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-cuidados.svg" alt="Cuidados com  a pele" width="69"></use>
        </div><span>Cuidados com a pele</span></a>

    <a hef="https://www.adorobeleza.com.br/Dermocosmeticos.html" title="Dermocosmeticos">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/dermocosmeticos.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-dermocosmetico.svg" alt="Dermocosmeticos" width="64"></use>
        </div><span>Dermocosmeticos</span></a>

    <a hef="https://www.adorobeleza.com.br/maquiagem.html" title="Outros">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/dermocosmeticos.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-mais-opcoes.svg" alt="Outras Opções" width="69"></use>
        </div><span>Outros</span></a>

</ul>

________________________________________________________________________________________________________

javascript – How do I config html input for verification code?

I have verification code that is just a 4 digit number (e.g. 3253)
I need the user to type it from its mobile device.

enter image description here

<input inputmode="numeric"  maxlength="4"  placeholder="Code" />

Something like this works but I can still type “.” and “,” on my Android device.

How do I prevent those bad boys (“.“, “,“)?

html – Why would you ever use the shadow DOM if you can’t apply global styles?

How can you expect to create re-usable components with the shadow DOM and also be expected to give it a separate style? How can anyone be able to share components with each other if that person can’t apply a style on top? I would never use anyone else’s components if they aren’t using my css library..

Side suggestion, <slot> should be useable in light dom with custom components.

html – El checkbox no realiza la acción que debería

Se supone que cuando el checkbox esta chacked debería desplegar un menú, intente cambiar la acción para ver si funcionaba pero nada sirve. Ya se que con bootstrap lo puedo hacer más fácil pero la idea era desarrollarlo desde cero. También intenté cambiar la sintaxis del checkbox pero ninguna de las dos funcionó.

<nav class="navbar">
      <input id="navToggle" type="checkbox">
      <label for="navToggle" class="navIcon">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </label>
      <ul class="materias">
        <li><a href="index.html">Programa</a></li>
        <li><a href="matematicas.html">Matemáticas</a></li>
        <li><a href="cSociales.html">C. Sociales</a></li>
        
      </ul>
      
    </nav>
@media screen and (max-width:750px) {
    .navbar .materias{
        float: none;
        position:fixed;
        z-index: 9px;
        left: 0;
        right: 0;
        top: 119px;
        bottom: 100%;
        flex-direction: column;
        width:auto;
        height:auto;
        background-color:#ade8f4ec;
        overflow: hidden;
        transition: all .5% ease-in-out;
    }
    .navbar .navIcon{
        display: block;
    }
    #navToggle:checked ~ .navbar .materias{
        bottom: 0;
    }
}


Manually Edited Word Files Created From HTML Documents Stored in Doc Libs Have Black Image Placeholders

I have an app in SharePoint that builds HTML markup containing an image (logo) inserted in the markup using base64-encoded and then creates a Word (doc, not docx) file in a SP document library

You can open up the file from the standard view of the doc lib and the Word file text and image are there.

Now open the Word file from the doc lib, do some manual editing of the file, save and close.

Re-open the Word file from the doc lib, and the image of the logo has an image placeholder area and the background is solid black.

Something happened between Word editor and SharePoint during the manual editing that it saved everything else in the Word file but not the image. Playing around with Word doesn’t recover the image. File=>Inspect Document does not report anything. Continued editing actually causes the image part to disappear, with Word reporting that “header.htm” is missing

Why would Word lose data like that?

html – Colocando o código e formulando a duvida

#cabecalho {
   width: 100%;
   background-image: linear-gradient(to right, rgba(0,0,255,0), rgba(0,0,255,1));


}


table{
   cursor:not-allowed;
   border-collapse: separate;
}

th {
   border-bottom: 2px solid grey;

}

.numerais{
   text-align: right;
   padding-
}


ul{
   list-style: none;
   margin-top:20px;
   padding-left: 0;
   width:100%;
}

ul li:hover{
   background:blue;
   color:white;
}

ul li{
   /*border-bottom:1px solid black;*/
}

a{
   text-decoration:none;
}

.marcar:hover {
   background: blue;
   color: #fff;
}


img{
   padding: 20px 20px 20px 20px;
}

#rodape{
   width:100%;
   /*float: left;*/
   text-align: center;
   letter-spacing: 5px;
   position: fixed;
   left: 0;
   bottom: 0;
   background-color: white;
   color: blue;
}

span{
   text-weight:bolder;
}
<!DOCTYPE html>
<html lang="pt-br">
  <head>

    <!-- Meta tags Obrigatórias -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel = "stylesheet" type = "text/css" href="aqui/css/estiloso.css">

    <title>Informacoes Plansul</title>
  </head>
  
<body>
    <div class="container-fluid"  id="cabecalho">
       <img src="https://pt.stackoverflow.com/aqui/imagens/plansul.png">
    </div> 

    <br>
    <div class="container-fluid">
       <div class="row">
          <div class="col-sm">
           <h5 style="text-transform: uppercase">URLs mais usadas</h5>
         <ul id="menu-lista">  <!-- inicio do menu de urls -->
        <li><a target = "_new" title="http://siinf.caixa/Sistema/ASP/consultar/consulta_texto.asp?co_assunto=11373" href="http://siinf.caixa/Sistema/ASP/consultar/consulta_texto.asp?co_assunto=11373">SMS da Caixa</a></li>
        <li><a target = "_new" title="http://www.ceratsa.ba.caixa/novogic_contingencia/public/" href="http://www.ceratsa.ba.caixa/novogic_contingencia/public/">Novo GIC Contingencia</a></li>
        <li><a target = "_new" title="http://www.ceaterj2.rj.caixa/gic_contingencia/public/ "href="http://www.ceaterj2.rj.caixa/gic_contingencia/public/">GIC Contingencia</a></li>
        <li><a target = "_new" title="http://ceatesa.ba.caixa/gic_treinamento/public/" href="http://ceatesa.ba.caixa/gic_treinamento/public/">GIC Treinamento</a></li>
        <li><a target = "_new" title="http://www.atendimento.rj.caixa/portal/public/" href="http://www.atendimento.rj.caixa/portal/public/">Portal Plansul</a></li>
        <li><a target = "_new" title="http://gic.caixa/conteudo/890" href="http://gic.caixa/conteudo/890">Script de bloqueios</a></li>
        <li><a target = "_new" title="http://gic.des.caixa/suporte/473" href="http://gic.des.caixa/suporte/473">GIC Suporte</a></li>
        <li><a target = "_new" href="http://intranet.caixa" title="http://intranet.caixa">Intranet da Caixa</a></li> 
     </ul>  <!-- fim do menu de urls --> 

<br>
      <h5 style="text-transform: uppercase; color:black">utilidades</h5>
       120302 - FLAVIO DA ROCHA MAIDL  - P688597
      <span class = "bolder">WhatsApp da Caixa:</span> <span class = "italico">0800 104 0104</span></span><br>
      <span class = "bolder">Pausas SEM:</span> <span class = "italico">   01:00   02:40   03:50</span><br>
      <span class = "bolder">Pausas FDS :</span> <span class = "italico">  01:20   03:00   04:30</span><br>
      <span class = "bolder">Capitais e Regioes Metropolitanas:</span><span class = "italico">  4004 0104</span><br>   
      <span class = "bolder">Demais Regioes (interior):</span><span class = "italico">  0800 104 0104</span><br>
      <span class = "bolder">Numeros que enviam mensagens da caixa:</span><span class = "italico"> 22492, 28112, 28113, 30269.</span><br>
      <span class = "bolder">Ura opcoes:</span><span class = "italico"> 1  -->  3  --> <br>Escolhe a variante do cartao  --><br> 
      Selecionar atendimento necessario.</span> 
       </div>

       <!--segunda coluna de conteudo do site-->
       <div class="col-sm">
       <h5 style="text-transform: uppercase">URLs mais usadas</h5>
       
         <table width="100%">
            <tr>
               <th>
                  SETOR
               </th>
               <th class="numerais">
                  RAMAL
               </th>
            </tr>
            <tr class="marcar">
              <td><span class="sac">SAC</span> Comercial</td>
              <td class="numerais">8316</td>
           </tr>
           <tr class="marcar">
             <td><span class="sac">SAC</span> Fundos</td>
                <td class="numerais">8306</td>
          </tr>
          <tr class="marcar">
            <td><span class="sac">SAC</span> Habitacao</td>
            <td class="numerais">8305</td>
         </tr>
         <tr class="marcar">
            <td><span class="sac">SAC</span> Reclamacao</td>
            <td class="numerais">8308</td>
        </tr>
        <tr class="marcar">
            <td><span class="sac">SAC</span> App IBC</td>
            <td class="numerais">8141</td>
       </tr>
       <tr class="marcar">
         <td><span class="sac">SAC</span> Demais Apps</td>
         <td class="numerais">8142</td>
       </tr>
       <tr class="marcar">
         <td>App Cartoes</td>
         <td class="numerais">7085</td>
      </tr>
      <tr class="marcar">
         <td>Bloqueio Cob. Nac</td>
         <td class="numerais">8255</td>
      </tr>
      <tr class="marcar">
         <td>Contestacao</td>
         <td class="numerais">8251</td>
     </tr>
     <tr class="marcar">
         <td>Geral</td>
         <td class="numerais">8242</td>
     </tr>
     <tr class="marcar">
        <td>Parcelamento</td>
        <td class="numerais">8245</td>
     </tr>
     <tr class="marcar">
        <td>Perda / Roubo</td>
        <td class="numerais">8258</td>
     </tr>
     <tr class="marcar">
        <td>Programa de Pontos</td>
        <td class="numerais">8258</td>
     </tr>
     <tr class="marcar">
        <td>Retencao</td>
        <td class="numerais">8248</td>
     </tr>
     <tr class="marcar">
        <td>Triagem</td>
        <td class="numerais">8262</td>
     </tr>
     <tr class="marcar">
        <td>Reclamacoes</td>
        <td class="numerais">8370</td>
     </tr>
          </table>
       </div>  <!--Fim da segunda coluna de conteudo do site-->

     </div>

<div id="rodape">
    Copyright®  2021 - Flavio da Rocha Maidl&#0153
</div>

   </div>
</body>

</html>

django – mostrar autocompletado de atributos de html en vscode

estoy entrando en esto de la programación backend.

tengo un problema con el ide vscode y el auto completado:

al intentar poner los atributos de los marcadores en el modo de lenguaje “django-html”, no me aparece el auto completado de los mismos:

lenguaje mode :”django- html”
autocompletado de django-html

lenguaje mode:”html”
autocompletado de html

intente agregando la extencion HTML CSS Support

y la configuracion :

"html-css-class-completion.HTMLLanguages": [
    "html",
    "vue",
    "razor",
    "blade",
    "handlebars",
    "twig",
    "django-html",
    "php",
    "markdown",
    "erb",
    "ejs",
    "svelte"
]

pero sigue sin funcionar.

theming – How can I add CSS variables to the HTML head?

For my site I want to be able to set custom css variables to the sites head. I don’t want to add css files just inline css code. In the end I want users to be able to set colors using a color picker. These colors should be translated to the css variables added to the sites head.

For this I looked at the code in the css vars module this brought me a long way. But i’m not able to add css variables in the body of the page.

For this I use hook_page_top. But my code now is ending up in the top of the <body> and I want it to be in the <head>. Strange enough…when I look at the screencast (min 7:35) of the creator of the css vars module I see that his code does get in to the <head>.

I simplified the code in my theme_color module to figure out how it works. So maybe that’s the problem? How can I get my css variables in the head of the page?

I have a theme_color.module:

<?php
/**
 * @file
 *   CSS Variables module.
 */

use Drupaltheme_colorHooks;

/**
 * Implements hook_page_top().
 */
function theme_color_page_top(array &$page_top) {
  Hooks::hookPageTop($page_top);
}

I have a Hooks.php just like the example module:

<?php

namespace Drupaltheme_color;

class Hooks
{

  public static function hookPageTop(array &$pageTop)
  {
    if ($build = self::makeThemeColorBuild()) {
      $pageTop('theme_color') = $build;
    }
  }

  private static function makeThemeColorBuild()
  {
    $build = (
      '#type' => 'html_tag',
      '#tag' => 'style',
      '#value' => "html:root {n--test-var: yellow;n}",
    );
    return $build;
  }
}

Update:

I tried earlier, and again after get the suggestions in comments to use hook_preprocess_html

function theme_color_preprocess_html(&$variables)
{
  $build = (
    '#tag' => 'style',
    '#value' => "html:root {n--test-var: pink;n}",
  );
  $variables('page')('#attached')('html_head')() = ($build, '?tag?');
}

This is working but what kind of tag do I need to put after the $build in the $variables line of code??

angular – Error AngularJS y HTML

Buenas tengo un eror a la hora de cargar el html me da bastantes errores en la consola del navegador, creo que es por tener importadas tantas librerias, lo que quiero es mostrar un modal al pulsar el boton pero no funciona de la manera correcta.

Aqui dejo el codigo del HTML con todas las librerias importadas, he probado a quitar algunas o cambiar la version pero nada y pasandolo por el comprobador de html me dice que esta correcto todo.

   <!DOCTYPE html>
  <html data-ng-app="plunker" lang="es">

 

  <head>
    <meta charset="utf-8" />
    <title>PracticaRDE</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap-tpls.min.js"></script>
    <script src="app.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-animate.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">

    
     <style>
        table, th , td  {
          border: 1px solid grey;
          border-collapse: collapse;
          padding: 5px;
        }
        table tr:nth-child(odd) {
          background-color: #f1f1f1;
        }
        table tr:nth-child(even) {
          background-color: #ffffff;
        }
        
        /* Slideshow style */
.splash {
    position: fixed;
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: opacity 0.5s, visibility 0s 0.5s;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
}

.splash-open.splash {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.splash .splash-inner {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,150px);
    transform: translate3d(0,0,150px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}


.splash-open.splash .splash-inner {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.splash .splash-content {
    width: 660px;
    height: 350px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -175px 0 0 -330px;
    color: #fff;
    font-size: 18px;
}

.splash-content h1 {
    color: #fff;
    margin-bottom: 40px;
}


.btn-outline {
    margin-top: 40px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: transparent;
    width: 250px;
    font-weight: 300;
}
.btn-outline:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}
        
        </style>
  </head>


 

  <body data-ng-app="plunker" data-ng-controller="MainCtrl as ctrl">





    <div data-ng-show = "true">

 


      <uib-tabset active="ctrl.active">

 

        <uib-tab index="1" heading="Comercial">

 

         <form name="myForm">
          <label>
           Nombre:
           <input type="text" name="nombrecom"  pattern="(a-zA-Z ){2,254}" placeholder="Introduzca su Nombre" title="Debe introducir un nombre"  data-ng-model="user.name" required>
         </label>
         <div role="alert">
          <span class="error" data-ng-show="myForm.userName.$error.required">
          </span>
        </div>
        <button> insertar </button> <button>borrar</button>
            <br><br>

  <div class="row">
      <div class="col-md-12 text-center">
        <button class="btn btn-lg btn-success" data-ng-click="ctrl.openSplash()">Buscar Comercial</button>
      </div>
    </div>
        
        
      </form>


        <table>
          <thead>
                <tr><td><b>Id</b></td><td><b>Nombre</b></td></tr>
          </thead>
          <tr data-ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
          </tr>
        </table>
 
 




    </uib-tab>

 


    <uib-tab index="2" heading="Cliente">
      <form name="myForm">
         <label>
         DNI:
         <input type="text" name="dni" placeholder="Introduzca su DNI" pattern="(0-9){8}(A-Za-z){1}" required title="Debe poner 8 números y una letra" />
       </label>
       <br>
        <label>
         Nombre:
         <input type="text" name="nombrecli" pattern="(a-zA-Z ){2,254}" placeholder="Introduzca su Nombre" data-ng-model="user.name" required>
       </label>
       <br>
        
      <button> insertar </button> <button>borrar</button>
        <br><br>

        <table>
          <thead>
              <tr><td><b>DNI</b></td><td><b>Nombre</b></td></tr>
          </thead>
          <tr data-ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
          </tr>
        </table>
    </form>

 

  </uib-tab>

 


  <uib-tab index="3" heading="Coche">

 

    <form name="myForm">
      <label>
       Matricula:
        <input type="text" name="dni" placeholder="Introduzca su Matricula" pattern="(0-9){4}(A-Za-z){3}" required title="Debe poner 4 números y 3 letras" />
       </label>
   <br>
     <label>
         Marca:
         <input type="text" name="marca" placeholder="Introduzca su Marca" pattern="(a-zA-Z ){2,254}" title="Debe introducir una marca de coche" data-ng-model="user.name" required>
       </label>
       <br>
       <label>
         Modelo:
         <input type="text" name="modelo" placeholder="Introduzca su Modelo" pattern="(a-zA-Z ){2,254}" title="Debe Introducir un modelo de coche"  required>
       </label>
     <div role="alert">
      <span class="error" data-ng-show="myForm.userName.$error.required">
      </span>
    </div>
    <button> insertar </button> <button>borrar</button>
    <br><br>
        <table>
          <thead>
                <tr><td><b>Matricula</b></td><td><b>Marca</b></td><td><b>Marca</b></td></tr>
          </thead>
          <tr data-ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
            <td>{{ x.Country }}</td>
          </tr>
        </table>
    
  </form>

 


</uib-tab>

 

</uib-tabset>

</div>

 

</body>

 

</html>

Aqui os dejo el codigo del JavaScript con el controller creado y las funciones para mostrar el modal que creo que esta de forma correcta:

 var app = angular.module('plunker', ('ui.splash'));



app.controller('MainCtrl', ('$splash', function($scope, $splash) {
  var self = this;
  
    $scope.name = 'World';

   self.buttonClicked = function(index) {
    self.show_tabs = true;
    self.active = index;
  };
  
  self.closeTab = function(){
    self.show_tabs = false;
  };
  
 this.openSplash = function () {
    $splash.open({
      title: 'Hi there!',
      message: "This sure is a fine modal, isn't it?"
    });
  };
    
}));

// Re-usable $splash module
angular.module('ui.splash', ('ui.bootstrap', 'ngAnimate'))
.service('$splash', (
  '$uibModal',
  '$rootScope',
  function($uibModal, $rootScope) {
    return {
      open: function (attrs, opts) {
        var scope = $rootScope.$new();
        angular.extend(scope, attrs);
        opts = angular.extend(opts || {}, {
          backdrop: false,
          scope: scope,
          templateUrl: 'splash/content.html',
          windowTemplateUrl: 'splash/index.html'
        });
        return $uibModal.open(opts);
      }
    };
  }
))
.run((
  '$templateCache',
  function ($templateCache) {
    $templateCache.put('splash/index.html',
      '<section modal-render="{{$isRendered}}" class="splash" modal-in-class="splash-open" ng-style="{'z-index': 1000, display: 'block'}" ng-click="close($event)">' +
      '  <div class="splash-inner" ng-transclude></div>' +
      '</section>'
    );
    $templateCache.put('splash/content.html',
      '<div class="splash-content text-center">' +
      '  <h1 ng-bind="title"></h1>' +
      '  <p class="lead" ng-bind="message"></p>' +
      '  <button class="btn btn-lg btn-outline" ng-bind="btnText || 'Ok, cool'" ng-click="$close()"></button>' +
      '</div>'
    );
  }
));

El error debe de ser de las librerias pero no tengo ni idea de que puede estar pasando, gracias de antemano.

Index is empty in a chm file compiled with Microsoft HTML Help Workshop

I am working with Microsoft Html Help Workshop and trying to build a help project which has more than 19k help files including html, css, png etc. I built an hhp file as new.hhp and put folllowing lines in it

  (OPTIONS)
     Auto Index=Yes
     Auto TOC=9
     Compatibility=1.1 or later
     Compiled file=new.chm
     Default Window=TriPane
     Default topic=HomePage.htm
     Display compile progress=Yes
     Error log file=log.log
     Full-text search=Yes
     Index file=Index.hhk
     Language=0x409 English (United States)
   (WINDOWS)
     TriPane="new",,"Index.hhk",,"HomePage.htm",,,,,0xe2520,255,0x304e,(0,0,800,600),,,,,2,,0
   (FILES)

I checked the option to create a binary index as shown here.

I checked the option for including keywords as shown here.

I compiled it as new.chm and it searches for all the required topics but index file is empty as shown here.

I also checked the index.hhk file and it is empty as shown here too..

Its not possible for me to include keywords manually for 19k files. What should I do to get appropriate results?
Thanks for paying attention.