Databases
StackOverflow2013
Postsdbo
POBroken layout when adding attribute data-clearing to ul element zurb-foundation framework
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBroken layout when adding attribute data-clearing to ul element zurb-foundation framework
    primarykey
    data
    text
    <p>When adding data-clearing attribute to my list element the layout brakes.</p> <p>This is the code:</p> <pre><code>&lt;ul class="small-block-grid-3 clearing-thumbs" data-clearing&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" class="th"&gt; &lt;img id="3" src="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/thumbnails/96x96/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" class="th"&gt; &lt;img id="4" src="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/thumbnails/96x96/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" class="th"&gt; &lt;img id="5" src="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/thumbnails/96x96/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" class="th"&gt; &lt;img id="6" src="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/thumbnails/96x96/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" class="th"&gt; &lt;img id="7" src="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/thumbnails/96x96/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>And it looks like this:</p> <p><img src="https://i.stack.imgur.com/iZtbn.png" alt="Image 1"></p> <p>If I remove data-clearing attribute the layout is displayed properly:</p> <pre><code>&lt;ul class="small-block-grid-3 clearing-thumbs"&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" class="th"&gt; &lt;img id="3" src="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/thumbnails/96x96/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" class="th"&gt; &lt;img id="4" src="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/thumbnails/96x96/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" class="th"&gt; &lt;img id="5" src="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/thumbnails/96x96/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" class="th"&gt; &lt;img id="6" src="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/thumbnails/96x96/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" class="th"&gt; &lt;img id="7" src="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/thumbnails/96x96/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" alt=" sad ssadsad sad sad "&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>And the image:</p> <p><img src="https://i.stack.imgur.com/aFajx.png" alt="Image 2"></p> <p>Other scripts besides foundation framework which I have included are jQuery and modernizr, tried removing modernizr to see if it causes a problem but the result is the same.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USVladimir Jelovac
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COAre you using Foundation 5?
      singulars
      1. POBroken layout when adding attribute data-clearing to ul element zurb-foundation framework
      1. USFilipiz
    2. COyes the latest foundation. today downloaded.
      singulars
      1. POBroken layout when adding attribute data-clearing to ul element zurb-foundation framework
      1. USVladimir Jelovac
    3. COMoved to twitter bootstrap, nevertheless would like this fixed for future use.
      singulars
      1. POBroken layout when adding attribute data-clearing to ul element zurb-foundation framework
      1. USVladimir Jelovac
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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