so have wordpress page in making, , have title column , text column.
the issue using wordpress text editor, , putting of content text column want couple of photos , captions photos go title column readers read , theres pictures alongside. successful using position:absolute, except photos no longer responsive zooming in , out on webpages.
how can keep written content in text column, , pictures in title column , have them still responsive zoom stay within title-column zooming in/out?
(i put "<" in (<) on purpose)
(<)a href="http://localhost/wordpress/wp-content/uploads/2016/04/18.jpg"> (<)img class="size-medium wp-image-146 alignleft"; (<)src="http://localhost/wordpress/wp-content/uploads/2016/04/18.jpg" alt="age 18" width="175" height="400" />
(<)div id=caption18>me around age 18(<)/ div>
/* 2 column title layout */ div.title-column { width: 20%; float: left; } div.text-column { width: 80%; float: right; } <article class="post page"> <!-- column-container --> <div class="column-container clearfix"> <!-- title-column --> <div class="title-column"> <h2><?php the_title(); ?></h2> </div><!-- /title-column --> <!-- text-column --> <div class="text-column"> <?php the_content(); ?> </div><!-- /text-column --> </div><!-- /column-container --> </article> <?php endwhile; else : echo '<p>no content found</p>'; endif; get_footer(); ?>
if understood question right, trying while retaining scalability of image(s)? note had adjust of brackets. changed width of image "auto" , height "0". should retain scalability of image, have not tested it.
<!-- title-column --> <div class="title-column"> <h2><?php the_title(); ?></h2> <a href="http://localhost/wordpress/wp-content/uploads/2016/04/18.jpg"> <img class="size-medium wp-image-146 alignleft" src="http://localhost/wordpress/wp-content/uploads/2016/04/18.jpg" alt="age 18" width="auto" height="0"> </a> </div><!-- /title-column --> 
Comments
Post a Comment