Tag: html

如何在HTML网站上安装自定义字体

我没有使用Flash或PHP – 我被要求添加一个自定义的字体到一个简单的HTML布局。 “KG六月虫” 我有它在本地下载 – 有一个简单的CSS技巧来完成这个?

如何在可拖动和可拖放之间画一条线?

我正在使用优秀的JQuery UI做一个“映射”,因此用户可以将一个程序中的人员映射到其他程序中的人员。 使用这个简单的JQuery: $(document).ready(function() { $("div .draggable").draggable({ revert: 'valid', snap: false }); $("div .droppable").droppable({ hoverClass: 'ui-state-hover', helper: 'clone', cursor: 'move', drop: function(event, ui) { $(this) .addClass('ui-state-highlight') .find("img") .removeAttr("src") .attr("src", "_assets/img/icons/check-user-48×48.png"); $(this).droppable('disable'); $(ui.draggable) .addClass('ui-state-highlight') .find("img") .removeAttr("src") .attr("src", "_assets/img/icons/check-user-48×48.png"); $(ui.draggable).draggable('disable'); } }); $("div .droppable").bind("dblclick", function() { $(this) .removeClass('ui-state-highlight') .find("img") .removeAttr("src") .attr("src", "_assets/img/icons/user-48×48.png"); $(this).droppable('enable'); EnableSource($(this)); }); }); 我得到这个: […]

添加额外的数据来select使用jQuery的选项

非常简单的问题,我希望。 我有这样的通常的<select>框 <select id="select"> <option value="1">this</option> <option value="2">that</option> <option value="3">other</option> </select> 我可以通过使用$("#select").val() )和所选项目的显示值(通过使用$("#select :selected").text() )来获得选定的值。 但是,如何在<option>标签中存储额外的值呢? 我希望能够做一些类似于<option value="3.1" value2="3.2">other</option>并获取value2属性的value2 (在本例中为3.2)。

parsingHTML到NSAttributedText – 如何设置字体?

我正在尝试获取格式为html的文本片段,以在UITableViewCell中的iPhone上很好地显示。 到目前为止,我有这样的: NSError* error; NSString* source = @"<strong>Nice</strong> try, Phil"; NSMutableAttributedString* str = [[NSMutableAttributedString alloc] initWithData:[source dataUsingEncoding:NSUTF8StringEncoding] options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: [NSNumber numberWithInt:NSUTF8StringEncoding]} documentAttributes:nil error:&error]; 这种作品。 我收到了一些有“很好”的文字! 但是…它也将字体设置为Times Roman! 这不是我想要的字体。 我想我需要在documentAttributes中设置一些东西,但是,我无法在任何地方find任何示例。

如何在HTML / CSS中显示图像的一部分?

比方说,我想要一种方式来显示HTML中250×250像素图像的中心50×50像素。 我怎样才能做到这一点。 另外,有没有办法做到这一点的CSS:url()引用? 我知道剪辑在CSS中,但似乎只适用于绝对定位使用。

默认select选项为空白

我有一个非常奇怪的要求,其中我需要在HTML下拉菜单中默认没有select的选项。 然而, 我不能用这个, <select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> 因为,为此我将不得不做validation来处理第一个选项。 任何人都可以帮助我实现这个目标,而不包括第一个选项作为select标签的一部分?

如何叠加图像

我想要使​​用CSS叠加一个图像。 一个例子就是第一个图像(如果你愿意,背景)将是一个产品的缩略图链接,链接打开一个lightbox /popup窗口,显示一个更大的图像版本。 在这个链接的图像之上,我想要一个放大镜的图像,向人们展示图像可以被点击放大(显然这不是没有放大镜就不明显)。

SRC和HREF之间的区别

SRC和HREF属性用于包括一些外部实体,如图像,CSS文件,HTML文件,任何其他网页或JavaScript文件。 SRC和HREF有明显区别吗? 何时何地使用SRC或HREF ? 我认为它们不能互换使用。 下面给出几个使用这些属性的例子: 在链接标签内引用一个CSS文件: href="cssfile.css" 。 在脚本标签内引用一个JS文件: src="myscript.js" 。 在图片标签内引用图片文件: src="mypic.jpg" 。 在一个锚标签内引用另一个网页: href="http://www.webpage.com" 。

CSS跨度固定宽度

在一个无序列表中: <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> 添加类或样式属性是允许的,但不允许填充文本和添加或更改标签。 该页面正在使用Courier New进行渲染。 目标是跨度排列后有文本。 The lazy dog. AND The lazy cat. OR The active goldfish. 对“或”的理由不重要。 懒惰的动物文本可能包裹在一个额外的元素,但我必须仔细检查。

如何设置iPhone的视口元,以正确处理旋转?

所以我一直在使用: <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/> 让我的HTML内容在iPhone上很好地显示。 它很好用,直到用户将设备旋转到横向模式,其中显示保持限制为320px。 有没有一种简单的方法来指定一个视口,在响应用户改变设备方向时发生改变? 或者我必须诉诸Javascript来处理?