Questions tagged «html»

在下面的HTML片段中，如何使包含“ LAST”的列的宽度占据行的其余部分，并且包含“ COLUMN ONE”和“ COLUMN TWO”的列的宽度足够宽以包含其内容，而不是更大。 谢谢 table { border-collapse: collapse; } table td { border: 1px solid black; } <table> <tr> <td> <table width="100%"> <tr> <td> <span> COLUMN </span> <span> ONE </span> </td> <td> COLUMN TWO </td> <td> LAST </td> </tr> </table> </td> </tr> <tr> <td> ANOTHER ROW </td> …

73 html  css 

元标记“视口”，“ MobileOptimized”和“ HandheldFriendly”可用于向移动设备提供适当格式的HTML内容。这些标签是好东西吗？在许多情况下，它们似乎是特定于平台的，即使不是特定于平台（视口），它们也似乎需要特定于设备的属性才能正常工作。 应该使用它们吗？何时何地使用它们合适？是否有其他选择（没有用户代理识别）？ 注意：我一直在使用CSS媒体查询来实现对移动设备的支持，但这需要一些UAR才能优化字体大小。

73 html  mobile-website 

我有以下div元素： .description { color: #b4afaf; font-size: 10px; font-weight: normal; } <div class="description">Some text here</div> 运行代码段隐藏结果展开摘要 然后，我对元素具有单击功能以隐藏上面的div： $('#target').click(function(){ $(".description").hide(); }); 当我隐藏div时，它会折叠并停止占用空间。这弄乱了我页面的布局。 有没有办法隐藏div，但仍保持以前占用的空间？我不想更改字体颜色，因为它仍然可以选择。

73 jquery  css  html  hide 

我正在使用lxml.html生成一些HTML。我想将最终结果漂亮地打印（带有缩进）到html文件中。我怎么做？ 这是我迄今为止一直尝试并得到的（我对Python和lxml还是比较陌生的）： import lxml.html as lh from lxml.html import builder as E sliderRoot=lh.Element("div", E.CLASS("scroll"), style="overflow-x: hidden; overflow-y: hidden;") scrollContainer=lh.Element("div", E.CLASS("scrollContainer"), style="width: 4340px;") sliderRoot.append(scrollContainer) print lh.tostring(sliderRoot, pretty_print = True, method="html") 如您所见，我正在使用该pretty_print=True属性。我以为可以缩进代码，但这并没有真正的帮助。这是输出： <div style="overflow-x: hidden; overflow-y: hidden;" class="scroll"><div style="width: 4340px;" class="scrollContainer"></div></div>

73 python  html  lxml  pretty-print 

我想创建一个函数，以便以编程方式在页面上添加一些元素。 可以说我想添加一个带有四个选项的下拉列表： <select name="drop1" id="Select1"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> 我怎样才能做到这一点？

73 javascript  html  drop-down-menu  html-select 

在HTML 5输入（即<input>标签）的移动设备上显示不同的键盘有几种技巧。 例如，某些文件记录在Apple网站“配置Web视图的键盘”上。 这些对于可用性非常有用，但是在输入国际邮政编码（大多数为数字，但允许使用字母）时，我们会遇到一些较差的选择。大多数人建议使用该pattern="\d*"技巧来显示数字键盘，但这不允许输入字母。 的 type="number"输入类型节目的常规键盘，但转移到了数字布局： 这在iOS设备上效果很好，但让Chrome认为输入必须是数字，甚至可以更改输入的行为（上下移动并减小值）。 有什么方法可以让iOS默认使用数字布局，但仍然允许字母数字输入？ 基本上，我希望iOS行为 type="number"但是我希望该字段的行为类似于台式机浏览器上的常规文本字段。这可能吗？ 更新： 嗅探iOS用户代理并使用type="number"输入类型不是一种选择。type="number"不适用于字符串值（如邮政编码），它还有其他副作用（如剥离前导零，逗号分隔符等），使其不适用于邮政编码。

73 ios  iphone  html  input  keyboard 

我有这个要素： <div style="width: 100%; height: 10px;"></div> 我想获得它的宽度（以像素为单位）。我只是试过这个： document.getElementById('banner-contenedor').style.width 哪个返回100%。使用JavaScript能否实际获得元素的宽度（以像素为单位）？

73 javascript  html  css 

jQuery('#carregar').click(function() { var canvas = document.getElementById('canvas'); var image = document.getElementById('image'); var element = canvas.getContext("2d"); element.clearRect(0, 0, canvas.width, canvas.height); element.drawImage(image, 0, 0, 300, 300); }); jsfiddle.net/braziel/nWyDE/ 我在将图像向右或向左旋转90°时遇到问题。 我在画布上使用图像，同一屏幕上将有多个与示例相同的画布，但我将其尽可能地靠近项目。 我问，当我单击“向左旋转”和“向右旋转”时，如何将图像向左或向右旋转90°？ 我在互联网上尝试了几种代码，但均无效果。

73 html  image  canvas  rotation  html5-canvas 

我最近发现，:invalid伪类required在页面加载后立即应用于表单元素。例如，如果您具有以下代码： <style> input:invalid { background-color: pink; color: white; } input:valid { background-color: white; color: black; } </style> … <input name="foo" required /> 然后，您的页面将加载一个空的粉红色输入元素。将验证内置到HTML5中是很棒的，但是我认为大多数用户都不希望表单有机会输入任何值之前先进行验证。有什么方法可以延迟伪类的应用，直到影响该元素的第一个事件（表单提交，模糊，更改，适当时）？没有JavaScript，是否可以做到这一点？

73 html  validation  usability 

我有一个问题-我正在使用Selenium（firefox）Web驱动程序打开网页，单击一些链接等，然后捕获屏幕截图。 我的脚本可以从CLI正常运行，但是通过cronjob运行时，它并没有通过第一个find_element（）测试。我需要添加一些调试，或一些帮助我弄清为什么失败的东西。 基本上，我必须先单击“登录”锚点，然后才能进入登录页面。元素的构造为： <a class="lnk" rel="nofollow" href="/login.jsp?destination=/secure/Dash.jspa">log in</a> 我正在通过LINK_TEXT方法使用find_element： login = driver.find_element(By.LINK_TEXT, "log in").click() 我有点Python Noob，所以我在和这种语言作斗争... A）如何检查链接是否已被python实际拾取？我应该使用try / catch块吗？ B）是否有比LINK_TEXT更好/更可靠的方法来定位DOM元素？例如，在JQuery中，可以使用更具体的选择器$（'a.lnk：contains（login）'）。do_something（）; 我已经解决了主要问题，这只是手指问题-我用错误的参数调用脚本-简单的错误。 我仍然想要一些有关如何检查元素是否存在的指针。同样，使用隐式/显式Waits的示例/解释，而不是使用糟糕的time.sleep（）调用。 干杯，ns

73 python  html  selenium  webdriver 

我想在标题的图标区域而不是默认的白色文档中显示我网站的徽标。就像堆栈溢出一样。

73 html  icons 

我正在Angular2应用程序上工作，我需要显示-但disable一个<a> HTML元素。正确的方法是什么？ 更新 请注意*ngFor，这会阻止使用选项，*ngIf而不是<a>完全渲染。 <a *ngFor="let link of links" href="#" [class.disabled]="isDisabled(link)" (click)="onClick(link)"> {{ link.name }} </a> 该打字稿组件有一个方法，看起来像这样： onClick(link: LinkObj) { // Do something relevant with the object... return false; } 我实际上需要防止元素被单击，而不仅仅是与CSS一起出现。我以为我首先需要潜在地绑定到该[disabled]属性，但这是不正确的，因为锚元素没有disabled属性。 我查看并考虑过使用，pointer-events: none但这妨碍了我的cursor: not-allowed工作方式－这是要求的一部分。

73 html  dom  typescript  angular  angular2-template 

我需要停止浏览器存储用户名和密码值，因为我正在处理包含更多安全数据的Web应用程序。客户要求我这样做。 我尝试了autocomplete="off"HTML表单和密码字段中的属性。但它无法在最新的浏览器（例如Chrome 55，Firefox 38 +，Internet Explorer 11等）中运行。 最好的解决方案是什么？

73 html  security  browser 

我正在尝试打印应用程序的特定部分。 该应用程序有一个用户列表，显示他们的名字和姓氏。单击用户时，我会弹出一个窗口，其中包含有关他们的更多详细信息。 我该如何只为我单击的用户打印弹出窗口？弹出窗口如下所示： <div id="user<?=$user->id;?>" class="popup"> <div class="details"> User details... </div> <a href="#print">Print</a> </div> 打印按钮仍然无法使用。

73 javascript  html  printing 

我正在尝试创建一个包含图像的模式对话框，您可以在其中选择多个图像。我需要从输入中获取值，然后将其清空，但是我无法清空输入。我尝试了.val('')和.val(null)，但都没有为我工作。 这是完整的代码： $("#hdselect").click(function(){ $(".modal").html(""); $.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){ $(".modal").append(data); }); $(".modal").dialog({ 'modal':true, 'title':"Click the image to select", 'width':960, 'height':600, 'resizable':false, 'show': {effect: 'drop', direction: "up"}, 'buttons': {"Ok": function() { var hd=Array(); var hdval=$("#hdimages").val(); $("#hdimages").attr('value',' '); $("input[name='hd[]']:checked").each(function(){ hd.push($(this).val()); }); if(hdval!=''){ hdval=hdval+","+hd; }else{ hdval=hd; } $("#hdimages").val(hdval); var images=$("#hdimages").val(); $.post('mediaservice.php',{getHd:images},function(data){ $("#imgthumbBase").append(data); }); $(this).dialog("close"); } } }); …

72 javascript  jquery  html  jquery-ui