css

Troubles with keeping footer below content

主宰稳场 提交于 2021-02-10 07:28:07
问题 I'm currently having a few issues keeping my footer at the bottom of the page and below the content. I currently have it sitting at the bottom of the page, just keeping it below the content seems to be the issue. My footer layout is: #footer #footer-content p.copyright p.credit /#footer-content /#footer My stylesheet: #footer { overflow: hidden; clear: both; max-width: 940px; padding-top: 26px; border-top: 1px solid #bbb; color: #aaa; position: fixed; height: 80px; width: 50%; bottom: 0;

CSS styling for table inside textarea

核能气质少年 提交于 2021-02-10 07:20:10
问题 I'm retrieving data from database and display it inside textarea in table format, I try to apply CSS styling for table inside textarea but no effect, does any one know or done this before, please advise, I'm using Javascript editor to the display more like word so user can format the document, <style type="text/css"> table { } td,th { white-space:nowrap; padding:3px;color: red; } .test { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: red; } </style> <table width="120%"

VW not working correctly in IE9

两盒软妹~` 提交于 2021-02-10 07:14:59
问题 VW units are displaying strangely for me in IE9. For instance, a value of 10vw is enormous, taking up ~10 times the viewport width instead of a tenth. Setting the value to 0.1vw yields results closer to what is expected. What is strange is that I can find almost nothing on this issue, but I would have thought that if this is a real issue or incompatibility it would have been widely documented (and griped about). I'm using IE9 in a VM, so I don't know if that's the issue or not. This is a

VW not working correctly in IE9

萝らか妹 提交于 2021-02-10 07:14:46
问题 VW units are displaying strangely for me in IE9. For instance, a value of 10vw is enormous, taking up ~10 times the viewport width instead of a tenth. Setting the value to 0.1vw yields results closer to what is expected. What is strange is that I can find almost nothing on this issue, but I would have thought that if this is a real issue or incompatibility it would have been widely documented (and griped about). I'm using IE9 in a VM, so I don't know if that's the issue or not. This is a

Creating a Two-Color Sharp Gradient on Text With CSS3

瘦欲@ 提交于 2021-02-10 07:14:41
问题 I need to create a "sharp" gradient for both the header and navigation text on a site I'm building. I'm trying to make it as pure HTML5/CSS3 as possible, and would like to stick with @font-face and not move over to Cufon. What I mean by sharp gradient is two colors, with no blending in between. Example: http://dl.dropbox.com/u/12147973/sharp-gradient.png I found a way to do it in Cufon, but as I said, I want to stick to @font-face . Cufon gives me too much grief in IE, and I really love how

Creating a Two-Color Sharp Gradient on Text With CSS3

本秂侑毒 提交于 2021-02-10 07:14:12
问题 I need to create a "sharp" gradient for both the header and navigation text on a site I'm building. I'm trying to make it as pure HTML5/CSS3 as possible, and would like to stick with @font-face and not move over to Cufon. What I mean by sharp gradient is two colors, with no blending in between. Example: http://dl.dropbox.com/u/12147973/sharp-gradient.png I found a way to do it in Cufon, but as I said, I want to stick to @font-face . Cufon gives me too much grief in IE, and I really love how

VW not working correctly in IE9

只谈情不闲聊 提交于 2021-02-10 07:13:48
问题 VW units are displaying strangely for me in IE9. For instance, a value of 10vw is enormous, taking up ~10 times the viewport width instead of a tenth. Setting the value to 0.1vw yields results closer to what is expected. What is strange is that I can find almost nothing on this issue, but I would have thought that if this is a real issue or incompatibility it would have been widely documented (and griped about). I'm using IE9 in a VM, so I don't know if that's the issue or not. This is a

How to make text created with CSS :after Element selectable?

江枫思渺然 提交于 2021-02-10 07:12:57
问题 i'm creating text with css :after. But I'm not able to select the resulting text (e.g. for copy&paste). is it possible to make it selectable? <div>foo</div> div:after{ content: ' 123'; } sample 回答1: As far as I know, this has been a long-running issue that is still not resolved. This bug thread, which is still current, goes back to 1999! https://bugzilla.mozilla.org/show_bug.cgi?id=12460 来源: https://stackoverflow.com/questions/16851781/how-to-make-text-created-with-css-after-element

How to make text created with CSS :after Element selectable?

蓝咒 提交于 2021-02-10 07:10:40
问题 i'm creating text with css :after. But I'm not able to select the resulting text (e.g. for copy&paste). is it possible to make it selectable? <div>foo</div> div:after{ content: ' 123'; } sample 回答1: As far as I know, this has been a long-running issue that is still not resolved. This bug thread, which is still current, goes back to 1999! https://bugzilla.mozilla.org/show_bug.cgi?id=12460 来源: https://stackoverflow.com/questions/16851781/how-to-make-text-created-with-css-after-element

CSS - how do I make a 1/4 circle that is 100vh?

和自甴很熟 提交于 2021-02-10 07:09:52
问题 I want something like this (the pink circle): CSS quarter circle 100vh example. So far, I have a half-circle (see CSS below), but when I try to make it 100vh, it stretches and I can't figure out how to keep it proportional. .circle { height: 180px; width: 90px; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; background: red; margin: 100px; position: absolute;} Any insights greatly appreciated. Thanks 回答1: I modified the code to only use