我尝试概述了CSS与表格的优缺点,并了解在哪种情况下使用哪些.然后使用css代替表和文件的优点
您是否同意或另有建议?看起来理论上的表应该很少使用,你是否有支持HTML表的论据?
可能重复:
为什么不在HTML中使用表格进行布局?
我知道使用表作为布局是一个大问题.为什么专业的网页设计师不再使用表格进行布局?CSS中我可以使用哪些替代品,并且将成为表的最佳选择?
我正在尝试用CSS开发特别简单的布局,但没有成功.我想实现这样的目标:
BookImage BookImage BookImage
BookTitle BookTitle BookTitle
Run Code Online (Sandbox Code Playgroud)
知道我有这个:
<div class="center">
<h2>Science</h2>
<div class="ThreeColumns">
<div> <img src="ex"><p>Title</p> </div>
<div> <img src="ex"><p>Title</p> </div>
<div> <img src="ex"><p>Title</p> </div>
</div>
Run Code Online (Sandbox Code Playgroud)
.threeColumns{
-moz-column-count: 3; /* Firefox */
-webkit-column-count: 3; /* Safari and Chrome */
column-count: 3;
}
Run Code Online (Sandbox Code Playgroud)
问题是我没有得到我想要的东西.就像每个标签(<img>或<p></p>)被视为"列"一样.我想办法组<img>和<p>,把它们放在一起,并获得我的布局.我以为<div>可以做到,但我错了.
如何将地址放在与"联系我:"相同的行上?我也希望他们之间有一个空间.我在考虑使用浮子,坚果是不是有点矫枉过正?
<p>Contact me on:
<address>
<a href="mailto:me@gmail.com">
me@gmail.com
</address>
</a>
</p>
Run Code Online (Sandbox Code Playgroud)
提前致谢
有几种方法可以在 HTML 页面中(绝对)定位 DOM 元素:
直接在 CSS 中使用top/设置样式left :
position: absolute; top: 100px; left: 50px;
直接在 CSS 中设置样式transform:
transform: translate(50,100)
当然,使用 Javascript 修改 CSS 样式:
element.style.top = "100px";
...
但这些都是 CSS 方法。
题:
是否可以在没有 CSS 的情况下设置 DOM 元素的位置? (例如,感谢一些在CSS 成名之前或仅在CSS 被添加到浏览器之前在浏览器中可用的方法)
注意:这个问题是针对纯知识/浏览器的历史/文化。我不一定要使用它。
我正在研究一个django应用程序,它将返回历史上的信息表:
ISSUE DESCRIPTION INITIATOR INITIATEDDATE ASSIGNEE FORECASTDATE STATUS REMARKS
Run Code Online (Sandbox Code Playgroud)
这将成为用户排序/过滤等问题列表的入口点.
像ISSUE,DATES,NAMES这样的列具有相对固定的宽度,但是其他列可以是段落或更多.
在HTML中呈现此内容的最佳方法是什么?作为HTML表,列表还是有很多CSS跨度/ div?
我最终希望通过javascript使问题列表可排序或可过滤.
我已经彻底解决了这个问题,但由于大多数网站出于显而易见的原因删除了所有“<”,这并不是一件容易的事情,搜索涉及尖括号的术语只会给我 12000 html tuts 页面。我也没有高兴地在这里进行了搜索。基本上我在我的网站上显示了这个随机的“<”尖括号,你可以在这里看到它http://sunnahspace.com我不知道它为什么在那里。我假设它真的很简单,比如括号和内容之间的空格,或者类似的东西,但我已经逐行梳理了内容,没有任何差异。也许我只需要离开屏幕几个小时才能让我的眼睛对齐,但我只是没有看到它。任何人都可以给我一个快速列表来弄清楚它为什么会这样做,我正在尝试习惯自己调试,所以如果可能的话,我宁愿自己找到错误,我只想知道是什么导致了这种情况错误。谢谢 :)
我有时会听到人们不再使用表来格式化他们的形式,这是否已经成为一种被抛弃的趋势?为什么不呢?
好的,所以这里.我正致力于扩展我的html,css和javascript知识.为此,我开始编写一些基本的网站设计(在实时服务器上,但所有组成和假的).在我最近的一个,我决定去下拉菜单.为了使这一切正确,我决定使用表元素,并使用一些非常基本的(我现在都知道)javascript.我目前正在使用.dropdown和.dropdown:悬停以使我的菜单正常工作.但是,由于我使用了table元素,每次我在测试页面上"下拉"我的菜单时,其他菜单标题会调整为下拉窗口的大小.任何想法如何打击这个?继承我的代码....
CSS
.dropdown ul {
display: none
}
.dropdown:hover ul {
display: block;
background-color: white;
}
body {
margin: 0;
padding: 0;
background: -moz-linear-gradient(AliceBlue, White);
background: -webkit-linear-gradient(AliceBlue, White);
background: linear-gradient(AliceBlue, White);
}
table {
align: center;
font-family: cursive;
font-decoration: underline;
}
td {
border: solid 1px Lavender;
padding: 4px;
margin-left: 6px;
margin-right: 6px;
cell-spacing: 6px;
}
h1 {
font-size: 14px;
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div style="text-align: center">
<img src="http://satasurfer.byethost33.com/2/logo.jpg" height="150px" width="70%" align="center">
</div>
<table>
<td class="dropdown">
<h1>
Search By Department
<ul>
<li><a …Run Code Online (Sandbox Code Playgroud) 嗯,我对网格很新,而且对桌子更有经验.但我仍然不确定哪种方法最好.
在这里,这就是我想要做的事情:在区域的3/4部分中一起文本,在右下侧的图像上一次性文本.考虑到这是在jquery移动应用程序/页面内完成的(我猜这与此无关,但我只需提及它)
你们会怎么做?
html ×10
css ×8
css3 ×2
javascript ×2
php ×2
asp.net ×1
css-tables ×1
django ×1
forms ×1
html-lists ×1
html-table ×1
html5 ×1
line ×1
menu ×1
web ×1
xhtml ×1