Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Broken Page!

Featured Replies

Hi! Can anyone help me with fixing this page? I can't seem to figure it out. The testimonials should be in the sidebar to the right and the footer should be inline with the rest of the page... Thanks in advance! http://109.123.85.12...ums/?page_id=21

 

give your footer div a width of 944px and add margin:0 auto

Your testimonial div should be moved so as its within your right column div

You've an extra closing div line 75

</table></div>
	</div> <!--remove this div-->	
<!-- Random Testimonial -->

 

this will place everything back in your wrapper and your testimonials in the right sidebar

 

sorry Pat I must have been checking where his extra div was as you posted :)

You've an extra closing div line 75

</table></div>
	</div> <!--remove this div-->	
<!-- Random Testimonial -->

 

this will place everything back in your wrapper and your testimonials in the right sidebar

 

sorry Pat I must have been checking where his extra div was as you posted :)

 

No problem, your explanation is clearer anyway smile.gif

  • Author

Thanks for the replies. I've removed the </div> you suggested bbut this hasn't fixed the problem. Any ideas? Heres the code for the sidebar.php file

<!-- Random Testimonial -->
		<h2 class="testimonials">Random Testimonial</h2>
		<div class="boxRight testimonialsList">
			<ul>

	<?php
		$testimonial = new WP_Query($query_string.'&cat='.get_option('wise_testimonials_id').'&showposts=1&orderby=rand');
		if ($testimonial -> have_posts()) : while ($testimonial -> have_posts()) : $testimonial -> the_post(); 			
	?>
				<li><span>~ <?php the_title(); ?></span>
					<p><img src="<?php if ( function_exists('p75GetThumbnail') )echo p75GetThumbnail($post->ID); ?>" alt="<?php the_title(); ?>" />"<?php content('1000'); ?>"</p>
				</li>
		<?php endwhile;
			  endif; ?>
				<li><a href="<?php echo get_category_link(get_option('wise_testimonials_id') )?>"><strong>Read more testimonials »</strong></a></li>

			</ul>
		</div>
	<!-- end random testimonial -->

  • Author

Thanks for the replies. I've removed the </div> you suggested bbut this hasn't fixed the problem. Any ideas? Heres the code for the sidebar.php file

<!-- Random Testimonial -->
		<h2 class="testimonials">Random Testimonial</h2>
		<div class="boxRight testimonialsList">
			<ul>

	<?php
		$testimonial = new WP_Query($query_string.'&cat='.get_option('wise_testimonials_id').'&showposts=1&orderby=rand');
		if ($testimonial -> have_posts()) : while ($testimonial -> have_posts()) : $testimonial -> the_post(); 			
	?>
				<li><span>~ <?php the_title(); ?></span>
					<p><img src="<?php if ( function_exists('p75GetThumbnail') )echo p75GetThumbnail($post->ID); ?>" alt="<?php the_title(); ?>" />"<?php content('1000'); ?>"</p>
				</li>
		<?php endwhile;
			  endif; ?>
				<li><a href="<?php echo get_category_link(get_option('wise_testimonials_id') )?>"><strong>Read more testimonials »</strong></a></li>

			</ul>
		</div>
	<!-- end random testimonial -->

 

 

It appears to this... what could be wrong?

 

<?php 
/* Widgetized sidebar */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar') ) : ?>

<?php endif; ?>

If you look at the code below you've got an extra div after your table and before random testimonials

 

link to show working

 

 

<!-- begin colRight -->
	<div id="colRight">

	<!-- Search box -->
	<div id="searchBox">
		<h2>Search the site</h2>
		<form id="searchform" action="" method="get">
			<input id="s" type="text" name="s" value=""/>
			<input id="searchsubmit" type="submit" value="SEARCH"/>
		</form>
	</div>


			<div class="textwidget"><table width="200" border="0" cellspacing="10">
 <tr>
   <td><div align="center"><img src="http://www.quantumsecurity.co.uk/images/fsb-logo.gif" alt="FSB" width="100" height="122" /></div></td>
   <td><div align="center"><img src="http://109.123.85.12/~quantums/wp-content/themes/quantum/images/safecontractor-logo.gif" alt="Safe Contractor Approved" width="100" height="101" /></div></td>
 </tr>
 <tr>
   <td><div align="center"><img src="http://109.123.85.12/~quantums/wp-content/themes/quantum/images/ssaib-logo.gif" alt="SSAIB" width="120" height="65" /></div></td>
   <td><div align="center"><img src="http://109.123.85.12/~quantums/wp-content/themes/quantum/images/arm.gif" alt="ARM" width="110" height="90" /></div></td>
 </tr>

</table></div>

<!--******remove this extra div--> </div> <!--*******remove this extra div -->		

<!-- Random Testimonial -->
		<h2 class="testimonials">Random Testimonial</h2>
		<div class="boxRight testimonialsList">
			<ul>

						<li><span>~ Testimonial 1</span>
					<p><img src="http://109.123.85.12/~quantums/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/~quantums/wp-content/thumbnails/54.png&w=250&h=150&zc=1&ft=jpg" alt="Testimonial 1" />"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et"</p>

				</li>
							<li><a href="http://109.123.85.12/~quantums/?cat=6"><strong>Read more testimonials »</strong></a></li>

			</ul>
		</div>
	<!-- end random testimonial -->
	<!-- Twitter box -->
	<h2 class="twitter">What's the little bird saying?</h2>
		<div class="boxRight twitterList">

			 <!-- <li><p># <a href="#">@conorpegypt</a> why not just access it from Rockwell's theme documentation? <a href="#">http://bit.ly/6owa235</a><br /> <span>about 4 hours ago</span></p></li> -->
			 <div class="aktt_tweets">
<ul>
	<li>No tweets available at the moment.</li>
</ul><p class="aktt_credit">Powered by <a href="http://alexking.org/projects/wordpress">Twitter Tools</a></p></div>				<!-- <li><span>No tweets available at the moment.</span></li>
			  <li><a href="http://109.123.85.12/~quantums/?cat="><strong><a href="">Follow us »</a></strong></a></li> -->
		</div>
	<!-- end twitter box -->

	</div>
	<!-- end colRight-->

  • Author

Ok thanks I've fixed the broken layout but now the widget is hanging to the right of the sidebar. Any ideas?

See above

 

you've removed the closing div from the searchbox not the extra closing div after your table

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.