【问题标题】:it is possible create a web page using tags from html5 with intraweb?可以使用带有intraweb 的html5 标签创建网页吗?
【发布时间】:2015-04-21 20:40:42
【问题描述】:

我正在使用intraweb的应用程序中使用delphi xe2,但我的问题是是否可以使用html5中的标签制作网站,我在各种论坛中读到有可能,但我仍然有无法让我的 html 文件显示 css3 样式。

例如,我的 html 文件中有这个简单的代码

<!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>

在我的 Css3 文件中

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;
}

...结果什么都没有,提前感谢您的帮助

【问题讨论】:

  • 您的 HTML 和 CSS 没有明显的问题。如果您没有看到任何内容,那么您的问题出在其他地方。
  • 只是为了确保,既然你问的是 HTML5 标签,你的意思是如果你用 div 之类的东西替换 &lt;header&gt;&lt;nav&gt;,它会按预期工作吗?
  • 是的,如果我把一些标签像
    完美地工作是正确的
  • 你用的是什么浏览器?
  • 仅在 IE 9 和 Chrome 中

标签: html intraweb


【解决方案1】:

您的标记和 CSS 对我来说很好用。如果您使用的是 Chrome 或 Firefox,则可以使用其中一种调试工具(例如“元素检查器”)来查看问题出在哪里,但您的 html 和 css 确实可以正常工作并按预期创建导航栏。

【讨论】:

  • 谢谢,我找到了问题,我卸载并重新安装了 chrome,现在一切正常,所以我看到 IE9 不支持某些 html5 标签,因此该应用程序与 chrome 兼容,并且 Goran Kostadinovic与之前显示的相比,您只是我的应用程序中的一段代码。
  • Internet Explorer 对 Web 开发人员来说都是一个挑战。你看过引导程序吗?它有许多您可以使用的组件,包括导航栏。您可以通过将指向您的 CSS 的链接放在其他链接下方来覆盖它们的默认值 -- .getbootstrap.com/getting-started 也可以查看组件部分 -- getbootstrap.com/components
猜你喜欢
相关资源
最近更新 更多
热门标签