Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>That's weird, for me it works correctly (only you forgot the first <code>&lt;</code> tags for your item divs)</p> <ul> <li>If you want a clickable entire div => change <code>&lt;div class="item"&gt;</code> to <code>&lt;a class="item"&gt;</code></li> <li>If you want a clickable image inside div => wrap a tags around the img</li> <li>If you want a clickable text inside div => wrap a tags around <code>&lt;span class="space"&gt;</code></li> </ul> <p>If it doesn't work, you've probably made a typing mistake, because in this test: <a href="http://jsbin.com/apuwal/2/edit" rel="nofollow">http://jsbin.com/apuwal/2/edit</a> , wherever I wrap the anchor tags, it works.</p> <p><strong>EDIT:</strong> Ah I got you now. I re-tested the code with a function alerting the href of a link when clicking on it. After some searching, it turned out, you have to scrap the <code>position: absolute;</code> from your classes <code>.space</code> (twice!) &amp; <code>.item</code>. <a href="http://jsbin.com/apuwal/7/edit" rel="nofollow">http://jsbin.com/apuwal/7/edit</a></p> <p>This is because absolute positioning ignores the presence of other elements, and so your elements will all stack up at the same position and only one link will be clickable. If you wish to keep the position of your items absolute, you will either have to:</p> <ul> <li>set different margins for your elements so they don't overlap</li> <li>Use keyframes (dunno if this is possible, never tried) to change the z-index of the item with opacity > 0.5 or so</li> <li>Set your items to <code>display: none;</code> when they finish fading out. (through Javascript/ jQuery)</li> <li>Give the hidden elements a different margin when they fade out. </li> </ul> <p>I know CSS sliders/faders are pretty sophisticated now, but the way I see it right now, the easiest solution would still be javascript</p>
    singulars
    1. This table or related slice is empty.
    1. POCannot get CSS carousel slides img or text within to be clickable links
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USTyblitz
    1. USTyblitz
    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.
    1. COthanks for the response. The issue with the <a href="star.html"> you have in the test is that it does the same link for every slide. Each slide is clickable to the same link, even though the <a href="star.html"> tag is wrapped around only one span. When I wrap around the link tag say over the div, it pulls from another link property from my facebook structure, which is odd.
      singulars
      1. PO
      1. USAmericanAlien
    2. COI will post that code as well: ul, li { padding: 0; list-style: none; } ul { text-align: center; } ul.social_pop li, ul.menu_b li{ display: inline; } a:hover, a:focus { z-index: 20 } a img { border: none; -webkit-transition: all .2s; } ul.social_pop a img{ -webkit-transform-origin: top; -moz-transform-origin: top; } a:hover img, a:focus img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); }
      singulars
      1. PO
      1. USAmericanAlien
 

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