StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>In your page you have a number of elements which are empty:</p> <pre><code><div class="window"> <div class="image_reel" style = "border: 1px #707070 solid; "> <a href="#"><img src="reel_1.png" alt="" /></a> <a href="#"><img src="reel_2.png" alt="" /></a> <a href="#"><img src="reel_3.png" alt="" /></a> <a href="#"><img src="reel_4.png" alt="" /></a> </div> </div> <div class="paging"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> </div> </code></pre> <p>More important than having a decent page description is having content inside of your <code><a></code> tags and having alt attributes with reasonable descriptions of the images.</p> <p>Usually in a page like this, I have something like the following:</p> <p><strong>HTML:</strong></p> <pre><code><div id="frontImage"> Here is some descriptive text which goes over the contents of this page, and which pertains to the image background I'll be using. </div> </code></pre> <p><strong>CSS:</strong></p> <pre class="lang-css prettyprint-override"><code>#frontImage { position: relative; display: block; width: 400px; /* the width of the bg image */ height: 400px; /* the height of the bg image */ background-image: url(/img/someImage.png); background-repeat: no-repeat; text-indent: -999em; /* move the descriptive text off the screen */ } </code></pre> <p>This will allow you to have text on the page and turn that text into an image which most people will see. Just make sure that the text you're using is actually applicable to the content associate with it.</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