Databases
StackOverflow2013
Postsdbo
POI need assistance with my css, to obtain Content over display block. This is needed to add a title
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POI need assistance with my css, to obtain Content over display block. This is needed to add a title
    text
    copied!<p>Here is my HTML </p> <pre><code>&lt;div class="about-buttonback"&gt;&lt;div class="about-button"&gt;&lt;/div&gt;&lt;/div&gt; </code></pre> <p>Here is the CSS:</p> <pre><code>.about-button { color:#fff; content: "Calender"; Display: block; position: absolute; width: 860px; height: 40px; top:5px; left:5px; text-indent: -9999px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #d1d2d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#2a2829)); background-image: -webkit-linear-gradient(top, #000, #2a2829); background-image: -moz-linear-gradient(top, #000, #2a2829); background-image: -o-linear-gradient(top, #000, #2a2829); background-image: linear-gradient(to bottom, #000, #2a2829); box-shadow: 1px 1px 1px #000; } .about-buttonback { display: block; position: absolute; width: 870px; height: 50px; top:0px; left: 35px; text-indent: -9999px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #d1d2d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#000)); background-image: -webkit-linear-gradient(top, #4b4b4b, #000); background-image: -moz-linear-gradient(top, #4b4b4b, #000); background-image: -o-linear-gradient(top, #4b4b4b, #000); background-image: linear-gradient(to bottom, #4b4b4b, #000); } </code></pre> <p>I am trying to do more over a overlay with a title over the blocks. I need the content to say Calender but it is not showing up over the blocks. Any suggestions? </p> <p>Thank you so much for the help!</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