Tag: CSS

CSS – 等高度列？: 在CSS中，我可以做这样的事情：替代文字http://i50.tinypic.com/2lcp555.png 但我不知道如何改变这样的东西：替代文字http://i48.tinypic.com/30jp9nk.png 这可能与CSS？如果是的话，我怎么能没有明确指定的高度（让内容增长）？

如何用自定义样式覆盖默认的PrimeFaces CSS？: 我已经创build了自己的主题作为一个单独的Maven项目，并正确加载。现在我想改变一个组件的大小。例如，一个<p:orderList> 。它有一个名为ui-orderlist-list ，它在primefaces.css定义，具有固定的200×200尺寸。无论我在我的theme.css做什么，它都被这个属性覆盖，而且我无法将内容作为<p:orderList>一部分。对于其他组件，我可能只想重写组件的一个实例，而不是全部。任何人都可以告诉我，我怎么能做到这一切？

我如何保持两个并排高度相同的div？: 我有两个div并排。我想他们的高度是相同的，如果他们中的一个resize，保持不变。我无法弄清楚这一点。想法？为了弄清楚我这个令人困惑的问题，我希望两个盒子的大小始终相同，所以如果一个盒子因为放入文本而长大，另一个盒子的长度应该与高度相匹配。 <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div>

如何在同一个元素上组合背景图像和CSS3渐变？: 我如何使用CSS3渐变为我的background-color ，然后应用background-image应用某种光透明纹理？

自动resize的dynamic文本以填充固定大小的容器: 我需要显示用户input的文本到一个固定大小的div。我想要的是字体大小自动调整，使文本尽可能填充框。所以 – 如果div是400px x 300px。如果有人进入美国广播公司，那么它真的很大如果他们input一个段落，那么它将是一个小字体。我可能想从最大字体大小开始 – 也许是32px，而文本太大而不适合容器，缩小字体大小直到适合。

我的内联块元素排列不正确: 在.track-container所有元素都应该排列好，并排排列，每个并排排列，受限于200px的高度，没有奇怪的边距或填充。相反，你有上述小提琴中出现的奇怪。是什么导致.album-artwork和.track-info被推到页面的一半，我该如何解决？另外，我承认一个表可能是一个更好的方法来处理这个整个设置，但我想从上面的代码中找出问题，所以我可以从这个错误中学习。 .track-container { padding:0; width: 600px; height: 200px; border: 1px solid black; list-style-type: none; margin-bottom: 10px; } .position-data { overflow: none; display: inline-block; width: 12.5%; height: 200px; margin: 0; padding: 0; border: 1px solid black; } .current-position, .position-movement { height: 100px; width: 100%; margin: 0; padding: 0; border: 1px solid black; } […]

有固定标题的HTML表格？: 是否有一个跨浏览器的CSS / JavaScript技术来显示一个长的HTML表格，使列标题保持固定在屏幕上，不滚动表体。想一想Microsoft Excel中的“冻结窗格”效果。我希望能够浏览表格的内容，但始终能够看到顶部的列标题。

形状与倾斜的一面（敏感）: 我正在尝试创build一个如下图所示的形状，仅在一侧（例如底侧）倾斜边缘，而其他边缘保持笔直。我尝试使用边框方法（代码如下），但我的形状的尺寸是dynamic的，因此我不能使用此方法。 .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { position: absolute; content: ''; height: 0px; width: 0px; left: 0px; bottom: -100px; border-width: 50px 100px; border-style: solid; border-color: tomato tomato transparent transparent; } <div class="shape">Some content</div> 我也尝试使用渐变背景（如下面的代码），但随着尺寸的变化，它会变得混乱。你可以看到我的意思是盘旋在下面的片段的形状。 .gradient { display: inline-block; vertical-align: top; height: 200px; width: 100px; […]

设置Cookie并获取Cookie与JavaScript: 我试图设置一个cookie取决于我在我的Html中select的CSS文件。我有一个选项列表和不同的CSS文件作为值的forms。当我select一个文件，它应该被保存到一个cookie大约一个星期。下一次你打开你的html文件，它应该是你select的以前的文件。 JavaScript代码： function cssLayout() { document.getElementById("css").href = this.value; } function setCookie(){ var date = new Date("Februari 10, 2013"); var dateString = date.toGMTString(); var cookieString = "Css=document.getElementById("css").href" + dateString; document.cookie = cookieString; } function getCookie(){ alert(document.cookie); } HTML代码： <form> Select your css layout:<br> <select id="myList"> <option value="style-1.css">CSS1</option> <option value="style-2.css">CSS2</option> <option value="style-3.css">CSS3</option> <option value="style-4.css">CSS4</option> […]