Databases
StackOverflow2013
Postsdbo
POHow to center my a div in a table using CSS?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to center my a div in a table using CSS?
    primarykey
    data
    text
    <p>I'm trying to add a slideshow to one of my websites. The whole page is layed out in an HTML table (which I hate with a passion AND did not choose). I want to center my slideshow inside that paticular column. Here is what my CSS looks like:</p> <pre><code>#slideshow { position:relative; } #slideshow IMG { position:absolute; z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; } </code></pre> <p>Here is my JQuery function to change images:</p> <pre><code>function slideSwitch() { var $active = $('#slideshow IMG.active'); if ( $active.length == 0 ) $active = $('#slideshow IMG:last'); // use this to pull the images in the order they appear in the markup var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } $(function() { setInterval( "slideSwitch()", 5000 ); }); </code></pre> <p>And finally here is the slideshow div inside the table:</p> <pre><code>&lt;td bgcolor="red" align="center" valign="top"&gt; &lt;div id="slideshow"&gt; &lt;img src="2009Slideshow\1.jpg" alt="Slideshow Image 1" class="active" /&gt; &lt;img src="2009Slideshow\2.jpg" alt="Slideshow Image 2" /&gt; &lt;img src="2009Slideshow\3.jpg" alt="Slideshow Image 3" /&gt; etc... etc... &lt;/div&gt; &lt;/td&gt; </code></pre> <p>So why can't I get my slideshow to center inside of that column?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJeremy Stein
    1. USBob Dylan
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to center my a div in a table using CSS?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow to center my a div in a table using CSS?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to center my a div in a table using CSS?
      1. USalpav
      1. VTFavorite
    1. This table or related slice is empty.
 

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