Databases
StackOverflow2013
Postsdbo
POLink with image inside
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLink with image inside
    text
    copied!<p>I am struggling with image inside a link. I don't know hot to make the first link (with image) be the same size as other links in paginations. I also don't know how to align them ?</p> <pre><code>.content .pagination a { text-decoration: none; color: #717171; border: 1px solid #c0c0c0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 8px; margin: 0 1px; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background-image: -webkit-linear-gradient(top, #fff, #ededed); background-image: -moz-linear-gradient(top, #fff, #ededed); background-image: -ms-linear-gradient(top, #fff, #ededed); background-image: -o-linear-gradient(top, #fff, #ededed); background-image: linear-gradient(top, #fff, #ededed); } .content .pagination a.prev { padding: 11px; position: relative; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB4SURBVHjaYvj//z8DDBcWFqYBcTuIzQgiQKCoqCgNSM1kgAArsASyYEhICIMVEDB/+vTJDMjfiCSYBWSuZ7KxsdGFamd49OjRMiA1HcQGGWV5DAjWrFkDk0/v6+ubBbM8Eyg3DUnSnAHJuSDJ/1u2bAEy/5sBBBgAv6VOHKw5pxYAAAAASUVORK5CYII=) 8px 7px no-repeat; border: 1px solid #d9d9d9; line-height: 0; font-size: 0; color: transparent; } </code></pre> <p><img src="https://i.stack.imgur.com/4RKsY.jpg" alt="enter image description here"></p> <p>HTML code:</p> <pre><code>&lt;div class="pagination"&gt; &lt;a href="#" class="prev"&gt;&amp;lsaquo;&lt;/a&gt; &lt;a href="#" class="active"&gt;1&lt;/a&gt;&lt;/div&gt; </code></pre>
 

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