是否可以仅使用CSS使徽章像下图一样卷曲?
文本必须保持在下面的卷曲和渐变之下,文本应该是可选择的.

在这个例子中,http://bit.ly/t2ImYS所有元素的包装宽度都是固定的8520px
#scroller {
width: 8520px;
height: 100%;
float: left;
padding: 0;}
Run Code Online (Sandbox Code Playgroud)
我想要width动态,所以如果我在<div id="scroller">#scroller中添加更多元素,应该在其中的元素上取宽度.
所以试着设置宽度
#scroller {
width: 100%;}
Run Code Online (Sandbox Code Playgroud)
和
#scroller {
width: auto}
Run Code Online (Sandbox Code Playgroud)
但是滚动器无法正常工作.
有没有办法让width在%与正常工作卷轴?
我使用css精灵在固定宽度设计上显示背景.我改为流畅的布局,但由于背景位置,当浏览器调整大小时背景图像变得不稳定.
是否可以使用具有流体网格背景的css sprite,它在哪里调整布局?
我需要与其他最新浏览器兼容ie 7和8的布局
我在 W3C 验证中收到此错误。我正在使用 HTML5 文档类型<!DOCTYPE html>
元素导航上属性角色的错误值分页。
为了
<nav class="pagination" role="pagination">
Run Code Online (Sandbox Code Playgroud)
有谁知道如何解决这个问题或这背后的原因是什么?W3V 验证器不支持 ARIA 吗?
如果文本太小,是否必须在h1之后使用H2,那么我们可以在h1之后使用h4.它可以访问吗?
在html中编写物理地址的最佳方法是什么?在语义,可访问和SEO方式
首先,我alwyas使用一个#ID.只是问这个问题就知道背后的深层原因.
这只是W3C验证的问题吗?或者更多.
我会遇到任何实际问题,还是只是验证的逻辑?
看到这个例子http://jsbin.com/aniqi它正在所有浏览器上工作.只是验证给出错误
更新:我认为所有浏览器都支持多个#ID,所以它只是一个推荐,但受浏览器的支持.
只有验证才会出错:ID已经定义.
如果我们使用javascript来选择#ID,那么其他方面也不是问题
更新2:如果我的一些网页设计专业的学生向我询问" 为什么css #ID应该在页面中使用一次." 学生还不知道javascript,我应该给出什么理由. #ID不止一个,而所有浏览器都支持它?
更新3:我在W3C网站上找到了一些有用的信息
<P id="myparagraph"> This is a uniquely named paragraph.</P>
<P id="yourparagraph"> This is also a uniquely named paragraph.</P>
Run Code Online (Sandbox Code Playgroud)
id属性在HTML中有几个角色:
id属性为元素分配唯一标识符(可以由SGML解析器验证).例如,以下段落通过其id值区分:
* As a style sheet selector.
* As a target anchor for hypertext links.
* As a means to reference a particular element from a script.
* As the name of a declared OBJECT element.
* For general purpose processing by …Run Code Online (Sandbox Code Playgroud) 什么是全局css重置*{margin:0; 填充:0; }?
人们更喜欢eric meyer css.
这是eric mayer css
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit; …Run Code Online (Sandbox Code Playgroud) 例如,对此设计进行编码的可访问方式是什么.
alt text http://easycaptures.com/fs/uploaded/220/0715108922.png
目前我公司的CMS为此设计生成此HTML
<div id="presentationsContainer">
<div class="ItemsContainer">
<div class="presentationsItemContainer">
<div class="TitleContainer">
Presentation October 2009</div>
<div class="MediaContainer">
<a target="_blank" href="Presentation.ppt">Download PPT </a>
</div>
</div>
<div class="presentations">
<div class="TitleContainer">
May 2009</div>
<div class="MediaContainer">
<a target="_blank" href="2009.ppt">Download PPT </a>
</div>
</div>
<div class="presentations">
<div class="TitleContainer">
March 2009</div>
<div class="MediaContainer">
<a target="_blank" href="2009.ppt">Download PPT </a>
</div>
</div>
<div class="presentations">
<div class="TitleContainer">
Results Presentation September 2008</div>
<div class="MediaContainer">
<a target="_blank" href="2008.ppt">Download PPT </a>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
喜欢<table>对屏幕阅读器用户不好的话那么屏幕用户会遇到很多非语义div标签会对屏幕阅读器用户产生问题,或者非语义div产生的问题比正确标记更少
什么应该用于辅助功能,如果css将被禁用,那么哪种代码技术将保持可理解的格式?
我的一个网页设计师的朋友仍然用桌子制作网站,但他非常好地使用CSS,我也很好地使用css但<div>我和布局的浏览器问题比我的朋友更多.
我给了我的朋友一些关于利弊的理由<table>.和朋友一起读我的整个讨论?
我 - 你的网站将有屏幕阅读器的问题
我的朋友 - 好的,但我没有收到任何客户的电话.
我 - 如果更改来自客户端,您将花费更多时间对布局进行任何更改
我的朋友 - 我不这么认为,但如果是,那么告诉我如何节省时间<div>?
我 - 你的网站不适合搜索引擎.
我的朋友 - 这不是真的.我已经制作了很多网站,对于任何网站或客户都没有任何问题
我 - 布局是老方式,非w3c和非标准方式.
我的朋友 - 什么是旧的,什么是新的,谁是W3C我不知道,什么是标准?无论我在所有浏览器中制作什么,它对我来说都足够了,我的客户也不会为标准和W3C指南规则付费
我 - 您的网站无法在移动浏览器中使用
我的朋友 - 对我没问题,我的客户不关心手机
我 - 你的网站无法访问?
我的朋友 - 你的意思是什么?无论我做什么都适用于所有浏览器.我的客户从未询问过任何可访问性
我 - 将来你会得到更多的工作吗?
我的朋友 - 好吧,当客户不接受带桌子的网站时没问题,我将来会学习基于div的布局.
我的问题?
div?CSS布局代替
<table>布局,开发人员有什么好处?css ×7
xhtml ×6
html ×3
css3 ×2
w3c ×2
css-sprites ×1
fluid-layout ×1
iscroll4 ×1
javascript ×1
wai-aria ×1