HTML: Remove extra space at bottom of div

If you using image width 100% and Height auto, Since images are extra space at bottom of div.



HTML 
<div class="images-slide">
    <img src="/footer-image.png" alt="Gallery" title="Gallery">
</div>

CSS
.images-slide img {
    max-width: 100%;
    height: auto;
}

To un-do this effect for images, you can specify either of the styles below,

img { display:block; }
or
img { vertical-align:bottom; }

Comments

Post a Comment

Popular posts from this blog

Set limit wp_nav_menu

<?php $pages = wp_nav_menu( array( 'container_class' => 'menu1' ,'menu'=> 'Main Navigation','theme_location' => 'menu1', 'menu_class' => 'dropdown', 'echo' =>false,'container' => false ) );?> <ul class="dropdown"> <?php $limit = 5; $pages_list = preg_replace(array('#^ ]*>#','#$#'), '', $pages); $pages_arr = explode("\n", $pages_list); for($i=0;$i<$limit;$i++){     echo $pages_arr[$i]; } ?> </ul>
Read more

How to reset my Joomla administrator password?

**Follow procedure involve direct update to database. We highly suggest you backup the database before perform the steps. To reset the Joomla administrator password, you can do it with with a simple MySQL query. 1. Login our phpmyadmin, https://phpmyadmin.mysite4now.com/ 2. Select Joomla's database from the drop-down menu on the left 3. Open the SQL tab 4. In the text field write the following SQL query: UPDATE jos_users SET password = MD5( 'new_password' ) WHERE username = 'admin'; Note: "new_password" - replace this with the new password you wish to use. "admin" - replace this if your admin username is different. Once you are ready, click on the GO button to submit the query. If everything goes fine without errors, you should be able to login to Joomla with the new password.
Read more

Displaying Future Posts in WordPress

If you do like I do and schedule posts ahead of time (especially on the podcast), there’s a way inside of WordPress to show your readers what posts are coming up next: <?php $my_query = new WP_Query('post_status=future&order=DESC&showposts=5'); if ($my_query->have_posts()) { while ($my_query->have_posts()) : $my_query->the_post(); ?> <?php the_date(); ?> - <?php the_title(); ?> <?php endwhile; } ?> This will display up to 5 “scheduled” posts wherever you drop in the code. Add a headline <h2> tag if you want to give it a title (should you want to use it as a widget). Want to see this code in action? Check the WordPulse podcast page‘s sidebar to see it working!
Read more