小编Mr.*_*ien的帖子

我想在一部手机上删除图像的href ..

<header id='top_header'>
    <a href='index.php'><img id='crest' src='../images/868crest.png' alt='868 RCACS Crest'></a>
    <img id='title' src='../images/newtitle.png' alt='868 RCACS Title'>
</header>

我目前没有任何javascript或jquery所以我怎么能这样做,如果我不能只用html和CSS

我最后一次建立一个网站是在2007年,使用自定义字体是一个非常难看的事情.当时大多数人都使用了一些生成图像的flash applet或PHP脚本.

那么,它现在是2012年,我相信人们现在正在使用其他技术.我发现网上有很多不同的东西,从"谷歌网页字体"到"CSS3字体 - 面孔" - 但我不确定最好的方法是什么.

那么告诉我,使用自定义字体时最好的方法是什么？

我正在尝试为网站创建不均匀的阴影效果,请参阅下面的示例,了解我需要实现的目标:

不幸的是我认为这不能用CSS3完成,据我所知,box-shadow属性只能用于创建均匀分布的阴影.

但是,我对CSS3/HTML5的了解不是很好,所以我想知道是否有人知道无论如何要实现这一点而不采用图像/额外div /相对和绝对定位,我宁愿避免？

如何强制DIV比浏览器窗口更宽,以便水平地容纳它的子项,而不是强制它们在新行上

即用小提琴考虑下面的代码.容器元素中有6个子元素,最小宽度为200px,并且都设置为float:left.当窗口调整得足够宽时,它们都在一行上.当它变窄时,它们开始推动新的行.理想情况下,我希望它们保持在一行并让浏览器显示滚动条.

http://jsfiddle.net/krippy2k/x8sDp/20/

.container {
}

.child-element {
    min-width: 200px;
    float: left;
    height: 100px;
}

.child1 {
    background-color: purple;
}
.child2 {
    background-color: orange;
}
.child3 {
    background-color: black;
}
.child4 {
    background-color: green;
}
.child5 {
    background-color: blue;
}
.child6 {
    background-color: red;
}

<div class="container">
    <div class="child-element child1"></div>
    <div class="child-element child2"></div>
    <div class="child-element child3"></div>
    <div class="child-element child4"></div>
    <div class="child-element child5"></div>
    <div class="child-element child6"></div>
</div>

我尝试删除Table1Header和Table2Header之间的空白区域.我尝试过border:0px,padding:0px和border-spacing:0px; 样式.Firefox和Opera告诉我,我的边框间距样式被用户代理样式(2px)所覆盖.如何强制浏览器使用我的样式？

http://jsfiddle.net/cdjDR/2/

<table class="tableGroup">
    <tbody>
        <tr>
            <td>
                <table>
                    <tbody>
                        <tr class="tableHeader">
                            <td><span class="tableHeader"><label>Table1Header</label></span>

                            </td>
                        </tr>
                        <tr class=" tableData">
                            <td>
                                <div class="ui-datatable">
                                    <div>
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>
                                                        <div><span><span class="ui-header-text">Table1Col1</span></span>
                                                        </div>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span>2</span>

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td>
                <table>
                    <tbody>
                        <tr class="tableHeader">
                            <td><span class="tableHeader"><label>Table2Header</label></span>

                            </td>
                        </tr>
                        <tr class="tableData">
                            <td>
                                <div class="ui-datatable">
                                    <div>
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>
                                                        <div><span><span class="ui-header-text" >Table2Col1</span></span>
                                                        </div>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span>12345</span>

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table> …

我有一个使用Twitter Bootstrap框架的网站,该框架在所有浏览器中都可以无错误地呈现.但是,当我将我们站点的主URL插入W3C验证器时,它会发出1,465个错误,其中大部分都是解析错误.

几个例子:

解析错误{*缩放:1; 值错误:background-color无法识别太多值或值:#3f6998\000009

我理解*和\ 000009是IE特定的,所以重要的是这些验证失败了吗？

有没有一个验证器考虑到这些？

我有这个代码

<div id="IIYBAGWNBC" contenteditable="true"></div>

这在jquery中

$("#IIYBAGWNBC").text(function(index, currentText) {
  return currentText.substr(0, 100);
});

如何阻止用户输入超过100个字符 contenteditable div

我:last-child多次使用选择器,主要是border-bottom在我border: none;用于最后一个孩子的列表中使用时,或者在使用边距时.所以我的问题是,:last-child从性能的角度来看,选择器是不是很糟糕？

另外我听说它已经从CSS2规范中删除了,因为使用:first-child很容易让浏览器检测到,但是为了检测:last-child它需要循环回来.

有什么方法可以将文本对齐div但不使用text-align.我不想将它与特定位置(中心,左边等)对齐,但我想将它对齐到我想要的像素.例如值中心和左边.另外我不想在里面使用另一个元素div.

我看起来像这样:

HTML

<div id="div">TEXT</div>

CSS

 #div{
    text-align:220px;
    }

有任何想法吗？

你能告诉我如何强制CSS使line-through财产比元素更广泛width吗？

例如

<h3 style="text-decoration:line-through">50</h3>

结果看起来像 现在我怎么能让线条比元素更宽更明显？

喜欢