Tag: html

如何在CSS中设置图片的最大宽度: 在我的网站上，我想在特定尺寸（ width: 600px ）的新窗口中显示用户上传的图片。问题是图像可能很大。所以，如果他们比这些600px ，我想调整他们，保持长宽比。我尝试了max-width CSS属性，但它不起作用：图像的大小不会改变。有什么办法可以解决这个问题吗？ HTML ： <div id="ImageContainerr"> <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" /> </div> CSS ： img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } 我也尝试设置图像的max-width: 600px ，但不起作用。该图像是从一个servletstream（它存储在Tomcat的webapps文件夹外）。

如何在HTML“选项”标签上显示工具提示？: 无论是使用纯HTML还是jQuery辅助的JavaScript，如何在单个<option>元素上显示工具提示以帮助决策过程（没有足够的空间用于其他types的控制，并且需要一些帮助）。这可以通过插件或类似的方式来完成吗？我已经尝试了几个工具提示插件jQuery没有成功（包括一个称为工具提示）。该解决scheme应该：在IE，WebKit以及Gecko中工作; 利用标准的<select>包装的<option>元素。因此，如果解决scheme想要使用其他标签，它应该将这些元素dynamic地转换成它所需要的（不要指望最初的标记是任何不同的）。这里的代码可以在这里find，它是在SafeSurf部分下，我想显示一些关于选项的含义翻转选项的帮助。目前只能“事后”展示，给用户一些前期的帮助是有好处的。欣赏这不是件容易的事情，而且可能需要创造一些东西 – 所以奖金将会颁发给最完整的解决scheme，或者是让我最接近我所能创造的解决scheme的具体钩子。

HTML浮动右元素顺序: 如果我有三个元素右alignment，为什么顺序如下（见jsfiddle）元素1是第一个元素在右侧，当元素3实际上是最后一个元素。订单现在 [3] [2] [1] 但元素是在这个顺序在HTML [1] [2] [3] 为什么？ http://jsfiddle.net/A9Ap7/

Html有序列表1.1,1.2（嵌套计数器和范围）不起作用: 我使用嵌套计数器和范围来创build一个HTMLsorting列表。这是我的代码： http : //jsfiddle.net/qGCUk/2/ 我期待以下结果： 1. one 2. two 2.1. two.one 2.2. two.two 2.3. two.three 3. three 3.1 three.one 3.2 three.two 3.2.1 three.two.one 3.2.2 three.two.two 4. four 相反，这是我所看到的（错误的编号）： 1. one 2. two 2.1. two.one 2.2. two.two 2.3. two.three 2.4 three <!– this is where it goes wrong, when going back to the parent […]

IE7的CSS滚动分区错误: 我最近遇到了一个IE7的错误，我想我会分享，所以当我6个月后来到这个站点找出同样的东西，我会手头上。我相信最简单的方法来重新创build这个错误将是一个页面中具有声明的文档types（它可以正常工作在“怪癖模式”/无文档types）下面的HTML： <div style="overflow: auto; height: 150px;"> <div style="position: relative;">[…]</div> </div> 在IE7中，外部div是固定大小，内部div相对定位并包含更多内容（假设内部div引起溢出）。在所有其他浏览器中，这似乎按预期工作。截图：

你能帮我用CSS集中一个<ul>元素吗？: 我一直在困惑的事情应该是非常容易的，但经过了三个小时的努力，我还没有解决它：一位朋友要求我修复他的WordPress网站的模板，以便水平导航菜单栏在页面上水平居中。他希望它紧贴红色部分的底部中间 – 那么它将适合在红色页面的两侧的两个标志之间。红色部分（ class="header" ）将text-align设置为center 。这似乎足以确保标题和它下面的描述文字是居中alignment，但由于某种原因，我不能使菜单（这是一个ul ）alignment到页面的中心。有人会build议我做错了吗？为什么我无法使菜单居中？什么是我需要改变样式表才能使它工作？

如何使用JavaScript在带有id的td中插入文本: 我知道这可能是一件简单的事情，但我无法弄清楚。我试图插入一些来自JavaScript函数onload事件的文本到td中。 <html> <head> <script type="text/javascript"> function insertText () { //function to insert any text on the td with id "td1" } </script> </head> <body onload="javascript:insertText()"> <table> <tr> <td id="td1"> </td> </tr> </table> </body> </html> 任何帮助？

在HTML电子邮件中发送base64图像: 使用富文本编辑器，我们的用户可以将保存的图像从桌面拖放到编辑器中。提交后，图像出现并正确显示在网页中。由于图像没有上传到任何地方，编辑器将图像保存为base64编码的图像。 <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb 等等但是它并没有出现 – 不是在iPhone上，也不是两个不同版本的Outlook。图像是简单的破碎。我们希望坚持使用base64，因为它已经在使用网页，并且在用户离线的情况下可以查看图像。

vue.js有条件地禁止input: 我有一个input <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> 在我的Vue.js组件中，我确实有， .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validated为boolean 0或1 ，但不pipe数据库中存储了什么值，我的input总是被禁用如果input为false，则需要禁用input，否则可编辑更新：这样做总是使input（不pipe我在数据库中有0或1） <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> 这样做总是禁用input（不pipe我在数据库中有0还是1） <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? disabled : ''">

检查input是数字还是字母javascript: 我在HTML和JavaScript中使用表单。我想要一个提醒，只有当用户input一个信件，然后点击submit时才会popup。所以我有HTML代码： <form name="myForm" action="" onsubmit="return checkInp()" method="post"> First name: <input type="text" name="age"> <input type="submit" value="Submit"> 和JavaScript代码： function checkInp() { var x=document.forms["myForm"]["age"].value; if (x consists of any letters) // this is the code I need to change { alert("Must input numbers"); return false; } }