virtual

December 16, 2013

Thanks for your quick response Ben. I had already figured that something was being pushed out of place but adding margin, padding and min-height did nothing.

I found the answer, thanks to Tony

Just as we both thought the problem is in the differing heights of the floated elements, so instead of floating he suggested:

display: inline-block;

vertical-align: top;

It works YAY

December 15, 2013

Hi All,

I have been troubleshooting some issues for a friend's site and am stumped by one problem which happens on iPad vertical or around 855px browser width. On the home page the widgets that pull in from different pages do not align properly at this width, a solitary widget gets stuck on the right by itself although they are all floated left. They are fine above and below this width. What am I missing.

The site is http://thecenterschool.com/

Thanks for any help

January 21, 2012

Thanks Wickham I thought it might.

January 20, 2012

Quick question, does IE9 developer tools have the IE7 and IE8 browser views?

January 7, 2012

We will all have to jump on the bandwagon, mobile sites are the future. However, the content displayed should not have all the bells and whistles of a desktop viewed web site. The needs of a mobile viewer are entirely different. They are looking for information quickly and under different viewing situations. Unfortunately with the ever changing technology of cell phones and tablets there is no defined standard as yet.

P.S. Please excuse the lousy typing, I'm writing this on my iPad with the "hunt and peck" method and 2 fingers.not my preferred method of typing, but way better than on a cell phone! :bash:

January 7, 2012

I'm not sure what you are trying to achieve, but if this is a navigational menu you should be targeting the a tags which can use background images and change them on hover/focus state. Do you have a link? it would be more helpful.

Dreamweaver writes awful code, I would only use it as a glorified text editor, FTP program, snippet storage. Don't rely on it to write your code for you, that is not a good way to learn.

January 7, 2012

@bs mBahamas

I love your Aristotle quote, I always say "If you don't use it, you lose it!" because I know it to be very true for me.

December 31, 2011

OK, I managed to get it to work, by replacing the code but now it is displaying the home page as home and not as the index page to the site. I'm not quite sure what this means

<?php wp_list_pages('title_li='); ?>

Here's my new code

<!-- Begin main content -->
			<div class="inner_wrapper">

				<div class="sidebar_content">


<?php echo $page_class; ?>
		   <h1><?php the_title(); ?></h1>

<h4>Archives by Year:</h4>
<ul><?php wp_get_archives('type=yearly'); ?></ul>
<h4>Archives by Month:</h4>
<ul><?php wp_get_archives('type=monthly'); ?></ul>
<h4>Archives by Category:</h4>
<ul><?php wp_list_categories('title_li='); ?></ul>
<h4>All Pages:</h4>
<ul><?php wp_list_pages('title_li='); ?></ul>



					<div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>

				</div>

December 30, 2011

Godaddy is only useless to host a Wordpress site if you have Windows hosting, unfortunately that is what most people choose if they use PC's. If you use their Linux hosting there are no problems with Wordpress.

December 30, 2011

Hi Guys,

As usual I am stuck with a WP problem. I am using a template, which looks great but has no support. I had to add in the template information on the Archive page because it was not showing so I'm guessing there must be an error in the code somewhere, but the php problem is something I do not understand. Now I have the Archive page showing but it is not pulling in the post information. I tried adding in php from another archive page but got myself into a never ending loop. Can anyone tell me what is wrong with the code - please

Here is the code, and the site is http://bit.ly/tZQyBT

<?php
/**
* Template Name: Archive
* The main template file for display archive page.
*
* @package WordPress
*/

$add_sidebar = TRUE;
$page_sidebar = 'Blog Sidebar';
$page_style = 'Right Sidebar';

get_header(); ?>


	<?php
		$pp_blog_bg = get_option('pp_blog_bg'); 

		if(empty($pp_blog_bg))
		{
			$pp_blog_bg = '/example/bg.jpg';
		}
		else
		{
			$pp_blog_bg = '/data/'.$pp_blog_bg;
		}
	?>
	<script type="text/javascript"> 
		jQuery.backstretch( "<?php echo get_stylesheet_directory_uri().$pp_blog_bg; ?>", {speed: 'slow'} );
	</script>

	<!-- Begin content -->
	<div id="page_content_wrapper">

		<div class="inner">

			<!-- Begin main content -->
			<div class="inner_wrapper">

				<div class="sidebar_content">

					<h1 class="cufon"><?php if ( is_day() ) : ?>
			<?php printf( __( '%s', '' ), get_the_date() ); ?>
<?php elseif ( is_month() ) : ?>
			<?php printf( __( '%s', '' ), get_the_date('F Y') ); ?>
<?php elseif ( is_year() ) : ?>
			<?php printf( __( '%s', '' ), get_the_date('Y') ); ?>
<?php else : ?>
			<?php _e( 'Blog Archives', '' ); ?>
<?php endif; ?></h1>

<?php

global $more; $more = false; # some wordpress wtf logic

if (have_posts()) : while (have_posts()) : the_post();

$image_thumb = '';

if(has_post_thumbnail(get_the_ID(), 'large'))
{
    $image_id = get_post_thumbnail_id(get_the_ID());
    $image_thumb = wp_get_attachment_image_src($image_id, 'large', true);


  	$pp_blog_image_width = 570;
	$pp_blog_image_height = 360;
}
?>


					<!-- Begin each blog post -->
					<div class="post_wrapper">

						<div class="post_header">
							<h3 class="cufon">
								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
									<?php the_title(); ?>								
								</a>
							</h3>
						</div>

						<?php
							if(!empty($image_thumb))
							{
						?>

						<br class="clear"/>
						<div class="post_img img_shadow_536" style="width:<?php echo $pp_blog_image_width+10; ?>px;height:<?php echo $pp_blog_image_height+30; ?>px">
							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
								<img src="<?php echo get_stylesheet_directory_uri(); ?>/timthumb.php?src=<?php echo $image_thumb[0]; ?>&h=<?php echo $pp_blog_image_height; ?>&w=<?php echo $pp_blog_image_width; ?>&zc=1" alt="" class="frame img_nofade" width="<?php echo $pp_blog_image_width; ?>" height="<?php echo $pp_blog_image_height; ?>"/>
							</a>
						</div>

						<?php
							}
						?>

						<br class="clear"/>

						<?php echo get_the_content_with_formatting(); ?>

					</div>
					<!-- End each blog post -->




<?php endwhile; endif; ?>

					<div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>

				</div>

				<?php
					if($add_sidebar && $page_style == 'Right Sidebar')
					{
				?>
					<div class="sidebar_wrapper <?php echo $sidebar_class; ?>">

						<div class="sidebar_top <?php echo $sidebar_class; ?>"></div>

						<div class="sidebar <?php echo $sidebar_class; ?> <?php echo $sidebar_home; ?>">

							<div class="content">

								<ul class="sidebar_widget">
								<?php dynamic_sidebar($page_sidebar); ?>
								</ul>

							</div>

						</div>
						<br class="clear"/>

						<div class="sidebar_bottom <?php echo $sidebar_class; ?>"></div>
					</div>
				<?php
					}
				?>

			</div>
			<!-- End main content -->

			<br class="clear"/>

		</div>

		<br class="clear"/>
	</div>
	<!-- End content -->

<?php get_footer(); ?>

Thanks and Happy New Year

December 29, 2011

And Happy New Year to y'all

December 29, 2011

Don't worry I found the template page. Gee it has taken me a whole day to find it.... :lol:

December 29, 2011

I am trying to modify the CSS for the thumbnails of the gallery pages of a Wordpress template which you can see http://bit.ly/tn6Urh. The CSS is styled on the gallery pages themselves and I cannot figure out how to access them to modify them, or if this info is being generated by js.

I have tried contacting support for the template and their answer was to use Firebug - well duh....but that doesn't tell me how to access the css.

Any ideas on how to achieve this?

December 25, 2011

The site does resize vertically and horizontally on my Droid phone, but the slideshow does not slide with the arrows. On iPad2 it resizes fine, but the slides are not very smooth, needs a couple of taps to slide.

Does your client really need a slideshow on mobile, I believe it is best to just deliver the necessary information on a mobile site and leave the bells and whistles to the main site. Just my 2 cents.

December 21, 2011

I can see the slider fine on horizontal, but only the bottom half of it with the text and no step on vertical. I have an HTC Droid.

December 3, 2011

Oh my I am so dumb, I had already tried using the html and body tags to display the gradient and the header, but stupid me had a typo in the image file so it was not showing up...duh!!! :bash:

Thanks all so far, I'll be back again I'm sure.

December 3, 2011

Thanks for the advice, I am just messing around with it at this point, and actually messing it up. I shall probably start all over again.

December 3, 2011

Thanks for trying Wickham. Unfortunately that doesn't work. The design requires a full width sticky footer and the header image (unless I cut it) is 1400px and then fades into the body background. I guess if I manage to get the header outside the wrap it will work, then I could make the wrap 960px, but as I said before this is Genesis and I'm not too sure how to accomplish that.

December 3, 2011

The #header has to be that wide to accommodate the design. I guess I should try and get it outside the #wrap, I'm using Genesis and not too familiar with manipulating it.. But this is my problem more than the scroll bar, see where the footer get cut off.

December 3, 2011

Hi Ben,

The #foot is outside the #wrap, so I don't understand why it is being limited by it? I don't mind about the scroll bar, but the footer cuts off.

December 3, 2011

Hi Guys,

I am tearing my hair out trying to figure out why my sticky footer does not go the full width of the browser window. It looks fine if you stretch the browser window, but there is a nasty horizontal scroll bar which I cannot seem to get rid of. What am I missing?

Here is the link http://bit.ly/teZxi6

November 27, 2011

She will have to download the latest Flash player for her computer. As for the iPhones and iPads, each individual would have to install on app just to view the Flash content. You should maybe look into Jquery.

November 26, 2011

Correct Benjamin, Flash works on computers or laptops but not automatically on iPads or iPhones, there are however apps that you can install.

November 26, 2011

You will probably have to separate the buttons into 2 different files and then recombine them, as the method I am giving you will affect the whole image. If you overlay orange you might get the top button to the shade you want, but the bottom button if it's a darker color might not give you want you want. If you split the images into 2 different ones you can overlay color and adjust the Blend mode individually.

Open the image

Go to Layer - Layer Style (or fx at the bottom of the layers palette)

Open Color Overlay

Choose your color

Change the blend mode to Screen

Adjust the Opacity to show the gradient.

November 25, 2011

If you are using the code from Chris Coyier's site, in the a tag of your button add the width you need, then in the a span tag use text-align: center; to get the text to center within the button.

Sign In

Profiles

Forums

Events

Downloads

Gallery

Store

Posts posted by virtual