Note that there are some explanatory texts on larger screens.

plurals
  1. POLink with image inside
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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