StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO:after in Internet Explorer isn't working
text
Body
copied!<p>The arrows before the title are displayed using a :before. The problem only occur on Internet Explorer.</p> <p>// edit : Mistake there, my styling is on p a. Maybe is it the issue ?</p> <p>So, here's the code:</p> <pre><code>.special-title { font-size: 24px; color: #a4a19e; line-height: 1.2; position: relative; padding: 8px 0 8px 38px; border-top: 1px solid #e2dbcf; border-bottom: 1px solid #e2dbcf; margin-top: 49px; margin-bottom: 25px; } .special-title:before { content: url('../img/general-title-decoration.svg?1369571463'); position: absolute; width: 28px; left: 0; top: 23px; margin-top: -13px; } </code></pre> <p>and for the button:</p> <pre><code>.btn-call-to-action a { background: #8e8287; color: #f5f3e2; padding: 2px 60px 2px 10px; height: 35px; line-height: 40px; margin-top: 6px; display: inline-block; position: relative; border-radius: 2px; height: 40px; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-call-to-action a:hover:after { -webkit-transform: translatex(6px); -moz-transform: translatex(6px); -o-transform: translatex(6px); -ms-transform: translatex(6px); transform: translatex(6px); } .btn-call-to-action a:hover { background: #6f6469; border-bottom: none; } .btn-call-to-action a:after { content: url('../img/general-white-arrow.svg?1369574895'); position: absolute; width: 35px; right: 15px; top: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } </code></pre> <p>and here's the live site: <a href="http://aurelieremia.be/tfa/" rel="nofollow">http://aurelieremia.be/tfa/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload