Databases
StackOverflow2013
Postsdbo
POimages not displaying whenever wrapped in a div
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POimages not displaying whenever wrapped in a div
    primarykey
    data
    text
    <p><a href="http://adamginther.com" rel="nofollow">http://adamginther.com</a></p> <p>If you click on the Canucks image(this third icon underneath "information architecture and usability") no image is displaying beside the text even though an image is entered via HTML. This image displays unless wrapped within a div. It is required that I have a div wrapped around it as it is supposed to be a slideshow. </p> <p>Is there any way to fix this, or is there anyway to build a slideshow that does not require a div?</p> <p>HTML</p> <pre><code>&lt;div id="canucksdisplay"&gt; &lt;p&gt; &lt;button class="closeButton"&gt;X&lt;/button&gt; &lt;br&gt; &lt;br&gt;&lt;class id="blueText"&gt;You are viewing: Canucks Usability Tests&lt;/class&gt;&lt;br&gt;Role: Usability Testing&lt;br&gt;&lt;br&gt;The Vancouver Canucks is one of Canada's biggest sports teams, with a very strong and avid community. A lot of their community use their website to interact with each other about recent trades, rumours, and debates. &lt;br&gt; &lt;br&gt; I was tasked with testing the usablity of Canucks.NHL.com's community features and social features. This involved in analyzing Canucks' target user and thinking of the potential downfalls the user may have while navigating the website and recording a test participant doing so. These tests ended up being successful in pointing out the uncovered flaws.&lt;/p&gt; &lt;div id="slideshowContainer"&gt; &lt;div class="slideshow"&gt; &lt;img src="images/work/canucks1.png"&gt; &lt;img src="images/work/canucks2.png"&gt; &lt;img src="images/work/canucks3.png"&gt; &lt;/div&gt; &lt;ul id="nav"&gt; &lt;li id="previous"&gt;&lt;a href="#"&gt;Previous&lt;/a&gt;&lt;/li&gt; &lt;li id="next"&gt;&lt;a href="#"&gt;Next&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>CSS</p> <pre><code>#displays div { background-image: url(../images/linedpaper.png); border: 1px dashed black; display: none; height: 675px; overflow: hidden; } #displays div p { display: inline-block; text-align: left; width: 35%; height: 550px; left: 0 !important; color: black; margin-left: 10%; } #displays div img { width: 30%; display: inline-block; border: 1px dashed black; margin: 20px 0 0 10%; } #displayedwork { margin-top: -20px; } #displayedwork img { width: 500px; display: inline-block; left: 0 !important; margin-right: 449px; } </code></pre> <p>jQuery</p> <pre><code> //slideshow $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', pause: 1, prev: '#prev', next: '#next' }); }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser2376526
    1. USuser2376526
    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
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COIt seems to be showing now.
      singulars
      1. POimages not displaying whenever wrapped in a div
      1. USStarx
    2. COwhich OS/browser are you using? This has not worked for me on any browser on my Mac and it did not work on my iPhone.
      singulars
      1. POimages not displaying whenever wrapped in a div
      1. USuser2376526
    3. COIt would be better if you posted your HTML and JS here, rather than linking to an external site, and stripped it down to a minimal example that demonstrates the problem. I don't see a Canucks image, the third icon says "Contact information".
      singulars
      1. POimages not displaying whenever wrapped in a div
      1. USBarmar
 

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