Search code examples
htmlintraweb

it is possible create a web page using tags from html5 with intraweb?

I'm working with delphi xe2 in an application in which I am using intraweb, but my question is whether it is possible to make a website using tags from html5, I read in various forums that it is possible but I still have not managed to make that my html file display the css3 styles.

For example I have this simple code in my html file

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="estilo2.css">
</head>
<body>
    <header>
        <ul>
            <li>Telefono</li>
            <li>Correo Electronico</li>
        </ul>
    </header>

    <nav>
        <ul>
            <li>INICIO</li>
            <li>DEPARTAMENTOS
                <ul>
                    <li>Ninos</li>
                    <li>Caballeros</li>
                </ul>               
            </li>
            <li>CATEGORIAS
               <ul>
                   <li>telefonos</li>
                   <li>Herramientas</li>
               </ul>
            </li>
            <li>INFORMACION DE CONTACTO</li>
        </ul>
    </nav>

</body>
</html>

And in my Css3 file this

header {
  background: none repeat scroll 0 0 #F0F0E9;
}

ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0;
    list-style: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

ul li {
   font: bold 12px/18px sans-serif;
   display: inline-block;
   margin-right: -4px;
   position: relative;
   padding: 15px 20px;
   background: #fff;
   cursor: pointer;
   -webkit-transition: all 0.2s;
}

...and the result is nothing, I thank you in advance for the help

Solution

  • Your markup and CSS work fine for me. If you're using Chrome or Firefox, you can use one of their debugging tools like "element inspector", to see where the problem is lying, but your html and css do work and create a navbar as intended.