Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS li not lining up. Might be a cycle issue
    primarykey
    data
    text
    <p>I've been working on a site, and come into a snag.<br> I've got various li's inside a single ul.<br> I'd like for each li to be centred, and not overlap how they are now. Hopefully chaning the li's width will allow me to have a choice of how many I have per row. Currently 4 should fit.<br> I'm using the <a href="http://jquery.malsup.com/cycle/" rel="nofollow">cycle plugin</a>, but I've looked through the FAQ and can't find anything that describes my issue (I think).<br> Here is some of the code: </p> <pre><code>&lt;ul&gt; &lt;li&gt; &lt;a href="./portrait.php"&gt; &lt;h2&gt;Portrait&lt;/h2&gt;&lt;br /&gt; &lt;div class="slideshow"&gt; &lt;img src="./photos/Abstracted Portrait Study One_Thmb.png"&gt; &lt;img src="./photos/Angelic_Thmb.png"&gt; &lt;/div&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="./stilllife.php"&gt; &lt;h2&gt;Still Life&lt;/h2&gt;&lt;br /&gt; &lt;div class="slideshow"&gt; &lt;img src="./photos/Composition Study One_Thmb.png"&gt; &lt;img src="./photos/Composition Study Two_Thmb.png"&gt; &lt;img src="./photos/Composition Study Three_Thmb.png"&gt; &lt;img src="./photos/Light Bulb Study One_Thmb.png"&gt; &lt;/div&gt; &lt;/a&gt; &lt;/li&gt; [...] &lt;/ul&gt; </code></pre> <p>CSS:</p> <pre><code>#portfoliotextarea li{ width: 200px; text-align: center; display: inline-block; margin-left: auto; margin-right: auto; } </code></pre> <p>And the URL: <a href="http://www.duffydesigns.co.uk/portfolio/gallery/" rel="nofollow">http://www.duffydesigns.co.uk/portfolio/gallery/</a><br> Thank you for your time, I hope I'm not just being silly and not seeing straight >.&lt;</p>
    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