Tag: XHTML
如何缩放SVG图像以填充浏览器窗口？
这似乎应该是容易的，但我只是没有得到的东西。 我想制作一个包含单个SVG图像的HTML页面，该图像可自动缩放以适应浏览器窗口，无需任何滚动，同时保持其高宽比。 例如，目前我有一个1024×768的SVG图像; 如果浏览器的视口是1980×1000那么我希望图像显示在1333×1000（垂直填充，水平居中）。 如果浏览器是800×1000那么我希望它显示在800×600（水平填充，垂直居中）。 目前我有这样的定义： <body style="height: 100%"> <div id="content" style="width: 100%; height: 100%"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1024 768" preserveAspectRatio="xMidYMid meet"> … </svg> </div> </body> 然而，这是扩大到浏览器的全宽（对于一个宽而短的窗口），并产生垂直滚动，这不是我想要的。 我错过了什么？
从FF中的select框中删除轮廓
是否可以删除select元素中选定项目周围的虚线？ 我试图在CSS中添加outline属性，但它不起作用，至less不是在FF中。 <style> select { outline:none; } </style> 更新 在你继续之前，删除大纲，请阅读。 http://www.outlinenone.com/
垂直和水平alignment（中间和中心）与CSS
我正在练习CSS，我很困惑如何强迫我的div元素在我的页面中心（垂直和水平）（意味着跨浏览器兼容性的方式或方式）？ 最好的祝福 ！
HTML 5与XHTML 1.0 Transitional？
看起来HTML 5将会被Firefox 3.1和其他浏览器支持（部分）。 它增加了对video和audio作为标签的支持，但这些是XHTML 1.0 Transitional无法识别的新标签。 如果我在未来的Firefox版本中使用新的HTML 5标记，但是使用DTD作为XHTML，那么这种行为应该是什么？ 如果我将HTML 5标记与XHTML 1.0 Trans混合呢？ 这变得令人困惑。 他们为什么不把这些标签添加到XHTML？ 我们如何支持XHTML和HTML 5？ HTML 5上的video： http ： //www.youtube.com/watch？v = xIxDJof7xxQ
将PowerPoint演示文稿embedded到HTML中
是否可以将PowerPoint演示文稿（.ppt）embedded到网页（.xhtml）中？ 这将用于Internet Explorer 6和Internet Explorer 7混合的本地Intranet，因此不需要考虑其他浏览器。 我放弃了…我猜闪光是前进的方向。
在HTML中selectinput和文本input – 最好的方法来使等宽？
我有一个简单的表格（仅用于说明目的）… <form> <div class="input-row"> <label>Name</label> <input type="text" name="name" /> </div> <div class="input-row"> <label>Country</label> <select name="country"> <option>Australia</option> <option>USA</option> </select> </div> </form> 我使用CSS的布局方法如下… form { width: 500px; } form .input-row { display: block; width: 100%; height: auto; clear: both; overflow: hidden; /* stretch to contain floated children */ margin-bottom: 10px; } form .input-row label { display: block; […]
Div Z-Index问题与Flash电影
我有两个简单的HTML div一个包含Flash电影和另一个div包含简单的文本现在我的问题是，我必须把文本的div到Flash电影div我在做什么是设置的div在绝对CSS的位置和设置Z-Index的Flash电影div到1和Z-Index的文本div到2，但是文本都是在电影背后的每一个情况下，但我必须把文本放到电影上，请帮助我在这方面让我的文本可能出现到闪光电影。 提前致谢。
HTML5垂直间距问题与<img>
我试图创build一个布局，divs之间的垂直间距是像素完美的。 到目前为止，我已经排除了几乎所有的大网格系统（960.gs，Blueprint），因为它们在垂直间距方面根本没有解决scheme。 有了它们，设置div之间的垂直间距的唯一方法是使用body {line-height}属性并使用它来操作div间距。 我不会说这是一个解决scheme，因为它毁了你的模板，依赖于font-family，并且不允许你为不同的div使用不同的间距。 我发现的唯一一个对垂直间距有适当支持的网格系统是Golden Grid ，它不使用body {line-height}，但是它有自己的.clear {height：5px}用于垂直间距。 我的问题是，不pipe我怎么尝试，我都无法在HTML5中进行间距工作。 我说的是垂直排列的图像，它们之间没有空隙。 在XHTML过渡模式下，一切正常，图像完美alignment，但在HTML5模式下，它们之间有一个垂直的差距。 Chrome浏览器的差距是2px，Firefox浏览器的差距是2-3px，两行之间交替。 我认为在HTML5模式下，每个网格系统都是这种情况。 我不知道用简单的HTML5编写这个代码的最好方法是什么，所以我只是尝试了网格系统。 纵向差距也出现在960.gs，蓝图中。 我find的解决scheme可能是设置body {line-height：0}并在每个印刷标签中定义行高。 但是我不明白，为什么这样一个简单的案例需要这样的黑客攻击：垂直排列的图像。 为什么HTML5模式的浏览器与XHTML Transitional模式不同？ 在这里，我有相同的页面，没有什么改变，只是文档types。 XHTML在每个浏览器都是像素完美的，HTML5有一个差距，并且不同于浏览器。 使HTML5例子像XHTML过渡类一样工作的最好方法是什么？ 更新 ：三十多岁的回答了这个问题，如果我包括img {display：block; } HTML5版本的行为与XHTML Transitional完全相同。 谢谢三十！ 但在closures这个线程之前，有人可以向我解释为什么： 为什么所有的浏览器在HTML5模式下行为都不一样，当没有指定为display：block时，所有的浏览器在img元素之间都有不同的垂直间距。 浏览器比较浏览器上面的html5链接，浏览器和浏览器会有所不同。 他们之间有2至4像素的差距。 为什么XHTML Transitional不需要这个黑客 为什么XHTML Strict也会产生一个垂直的差距 使用img {display：block; 在一个reset.css表？
用徽标图像replaceH1文本：search引擎优化和可访问性的最佳方法？
看起来好像有几种不同的技术，所以我希望能得到一个“明确的”答案… 在网站上，通常会创build一个链接到主页的徽标。 我也想做同样的事情，同时针对search引擎，屏幕阅读器，IE 6+以及禁用了CSS和/或图片的浏览器进行了最佳优化。 示例一：不使用h1标签。 不如SEO好，对不对？ <div id="logo"> <a href=""> <img src="logo.png" alt="Stack Overflow" /> </a> </div> 例二：在某个地方find了。 CSS看起来有些黑客。 <h1 id="logo"> <a href="">Stack Overflow</a> </h1> /* css */ #logo { padding: 70px 0 0 0; overflow: hidden; background-image: url("logo.png"); background-repeat: no-repeat; height: 0px !important; height /**/:70px; } 示例三：相同的HTML，使用文本缩进的不同方法。 这是图像replace的“Phark”方法。 <h1 id="logo"> <a href="">Stack Overflow</a> </h1> […]
HTML：是否有可能在XHTML有效的方式在每个表行中有一个FORM标记？
我可以最好的描述如下： 我想这（整个表在editmode和保存button在每一行）。 <table> <tr> <td>Id</td> <td>Name</td> <td>Description</td> <td> </td> </tr> <tr> <td><input type="hidden" name="id" value="1" /></td> <td><input type="text" name="name" value="Name" /></td> <td><input type="text" name="description" value="Description" /></td> <td><input type="submit" value="Save" /></td> </tr> <tr> <td><input type="hidden" name="id" value="2" /></td> <td><input type="text" name="name" value="Name2" /></td> <td><input type="text" name="description" value="Description2" /></td> <td><input type="submit" value="Save" /></td> </tr> <!– and more rows […]
