Databases
StackOverflow2013
Postsdbo
POswitched out HTML for php- caused minor layout issues, unsure how to fix
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
    primarykey
    data
    text
    <p><a href="http://www.frshstudio.com" rel="nofollow noreferrer">Live site.</a></p> <p>Ideally, between border-top and border-bottom, I'd like to have 3 portfolio thumbnails, a divider(.png), and 3 blog thumbnails. Below the far right of each section should be '...'(next.png).</p> <p><img src="https://i.stack.imgur.com/ERXOd.png" alt="ideal"></p> <p>Currently, there is a random border directly on top of "Recent Work" that shouldn't be there and the '...' button for 'Recent Blog' is below the border-bottom. What is causing this/how do I remedy?</p> <p>Everything was fine before I switched out the HTML for php..</p> <pre><code>&lt;?php if ($portfolio_query-&gt;have_posts()) : ?&gt; &lt;div id="recent"&gt; &lt;div id="recent-work"&gt; &lt;p&gt;&lt;span&gt;Recent Work&lt;/span&gt;&lt;/p&gt; &lt;?php while ( $portfolio_query-&gt;have_posts() ) : $portfolio_query-&gt;the_post(); ?&gt; &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_post_thumbnail( array(130,130) ); ?&gt;&lt;/a&gt; &lt;?php endwhile; ?&gt; &lt;div class="next"&gt;&lt;a href="http://www.frshstudio.com/blog/"&gt;&lt;img src="&lt;?php echo get_template_directory_uri(); ?&gt;/img/next.png" alt="next" id="next" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;!-- end recent-work --&gt; &lt;?php endif; ?&gt; &lt;div class="divider"&gt; &lt;img src="&lt;?php echo get_template_directory_uri(); ?&gt;/img/divider.png" alt="Section divider" id="divider" /&gt; &lt;/div&gt;&lt;!-- end divider --&gt; &lt;?php if ($blog_query-&gt;have_posts()) : ?&gt; &lt;div id="recent"&gt; &lt;div id="recent-blog"&gt; &lt;p&gt;&lt;span&gt;Recent Blog&lt;/span&gt;&lt;/p&gt; &lt;?php while ( $blog_query-&gt;have_posts() ) : $blog_query-&gt;the_post(); ?&gt; &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_post_thumbnail( array(130,130) ); ?&gt;&lt;/a&gt; &lt;?php endwhile; ?&gt; &lt;div class="next"&gt;&lt;a href="http://www.frshstudio.com/work/"&gt;&lt;img src="&lt;?php echo get_template_directory_uri(); ?&gt;/img/next.png" alt="next" id="next" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;!-- end recent-blog --&gt; &lt;?php endif; ?&gt; </code></pre> <p>&amp;</p> <pre><code>#recent { border-top: 1px solid #202020; padding-bottom: 40px; padding-top: 40px; } #recent .divider { display: block; float: left; margin-left: 20px; padding-bottom: 20px; } #recent #recent-work { display: block; float: left; position:relative; } #recent #recent-work p { padding-bottom: 20px; } #recent #recent-work p span { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } #recent #recent-work a { padding-bottom: 40px; padding-right: 20px; } #recent #recent-blog { display: block; float: right; position:relative; } #recent #recent-blog p { padding-bottom: 20px; } #recent #recent-blog p span { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; padding-left: 20px; text-transform: uppercase; } #recent #recent-blog a { padding-bottom: 40px; padding-left: 20px; } #recent .next { position: absolute; bottom: -40px; right: 0px; } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USAMC
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. This table or related slice is empty.
      1. VTClose
    3. VO
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO_switched out the HTML for php_ .. then obviously something in your PHP output isn't exactly as it was when it was static. Can you just `diff` the output and the old static version?
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. USsarnold
    2. COwhat do you mean by `diff`? This is for a WP theme, so the content has to be dynamic..
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. USAMC
    3. COhttp://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffrshstudio.com%2F
      singulars
      1. POswitched out HTML for php- caused minor layout issues, unsure how to fix
      1. USLawrence Cherone
 

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