When container DIV collapses having multiple child DIV inside it. Here you will get a case study when container DIV has two child divs side by side they appears inside container DIV. Child DIVs are absolutely positioned inside a container DIV which is relatively positioned. Also know how to recover from the problem. Continue reading When container DIV collapses having multiple child DIV inside it
All posts by Tutorial WDH
Responsive mobile friendly web site development – a beginners guide
A beginners guide to mobile application and mobile website development, here you will get 6 webpage links which deals with very basic of mobile website development. Continue reading Responsive mobile friendly web site development – a beginners guide
JavaScript – Custom fade Out and fade In Animations using opacity
JavaScript – Custom fade Out and fade In Animations using opacity. Visit this URL: http://www.worldofwebcraft.com/blog.php?id=62
Using core Javascript how to Slide DIV, Fade a DIV, make Slideshow of DIVs
JavaScript that can slide a div horizontally : read the tutorial
Description : A very simple to code JavaScript Tutorial which can slide your DIV from left to the right. This is a tutorial without plain style and you can customize it easily.
Fancy JavaScript Slideshow – no framework required : This program has fading effect and one image appears one after another. This is a good tutorial on pure JavaScript without any Framework like jQuery.
Vertical Centering Problem found in IE9 for side by side two DIVs
Only the following problem exists in Internet Explorer 9 (may be IE10), not in any other browser. So I suggest you to visit this page using Internet Explorer 9. You can try other versions also.
Continue reading Vertical Centering Problem found in IE9 for side by side two DIVs
Vertical centering using CSS- when child DIV placed in a ‘container DIV of fixed height’
How to vertically center a CHILD DIV inside a CONTAINER DIV of FIXED height. Child DIV height can be in Pixel or percentage of container DIV’s height.
Vertically center a DIV inside a container DIV element. The container can be relatively positioned. The child DIV should be absolutely positioned and its top, right, bottom, and left offset properties specify the element’s position w.r.t the container block (what the element is positioned relative to) and this value should be 0. So now use these properties to vertically center a DIV inside a container DIV element. Continue reading Vertical centering using CSS- when child DIV placed in a ‘container DIV of fixed height’
2 column DIV layout problem : container DIV collapses and Footer comes up
Here container DIV has two child DIVs. Container DIV is relatively positioned. After container DIV a footer DIV BOX exists which also relatively positioned. Inside container DIV there exists two column DIVs which are absolutely positioned. Left colummn is of 60% width of container and right column is of 30% width.
Continue reading 2 column DIV layout problem : container DIV collapses and Footer comes up
Delete thousands of Pending Spam comments in wordpress instantly
Are you in trouble by 1000s of spam comments of WordPress? Everyday you are getting hundreds of spam comments and you are deleting them via WordPress dashboard -> comments link manually?
Here is a solution of the above mentioned problem and yes I don’t use plugins, because they slows up a site.
Do you know without a plugin you can do this and just you need to write SQL command for it. And you need your website database access for it. Use this SQL command
select * from wp_comments where comment_approved = “0”;
and this comment deletes all the pending comments. But by this command you only can kill all previously pending comments but cannot kill new spam comments which will be posted again..
If you are struggling to delete repeated comments and if you don’t want use plugins which slows up a website just contact me to get a permanent solution.
Are you tired of deleting spam comments have been posted every day ? Have lots of pending comments in wordpress? Thousand of spam comments? Need help ? Just send me an email “webseos@gmail.com” or you can call (+91)9163111390 to get a permanent solution.
CSS Centering : text, inline & block elements
Inline & Block elements >> Centering HTML elements
In this article I have describe which HTML elements are inline elements and which are block level HTML5 elements. How to center inline elements inside a container DIV or block level elements.
Centering text & inline elements
IMG, STRONG, SPAN elements in a webpage are examples of inline elements. Alos I have used the term inline content, which means inline elements. Inline content includes such things as text, images, <strong> and <span> tags. Now we need to center inline content inside a block element (Normally Inline elements resides inside a BLOCK element like DIV, H1 etc)
Just use text-align property applied to the next higher level block level container with the content to be aligned inside. Continue reading CSS Centering : text, inline & block elements
Password protecting a wordpress page , post and you need to re-enter password every time
The Problem is : I have set a password for a static page/post in my wordpress blog. I need to ensure that the information should be protected.
Continue reading Password protecting a wordpress page , post and you need to re-enter password every time