Change Css of Other element onhover

For example you have this structure

<div id="dr-wordpress">

                      <h1 id="web" > This is my Blog </h1>

</div>

If the web is directly inside the "dr-wordpress":

#dr-wordpress:hover > #web { background-color: yellow; }

If web is next to (after containers closing tag) the "dr-wordpress":

#dr-wordpress:hover + #web { background-color: yellow; }

If the web is somewhere inside the "dr-wordpress":

#dr-wordpress:hover #web { background-color: yellow; }

Subscribe us for Important Knowledge of word press.Your's suggestions are most welcomed..

Menu Navigation Code which supports all browser

Navigation Code which supports all browser (IE6 - IE11)

=====CSS====

.menu {
height: 45px;
background-color:#9D2522;
color:#9D2522;
float:left;
width: 100%;
margin-top: 2%;
}
.menu ul, .menu li {
margin: 0px;
padding: 0px;
list-style: none;
}
.menu li {
height: 45px;
float: left;
font-size: 15px;
font-family: MyriadPro-Regular;
}
.menu li a {
text-decoration: none;
display: block;
color: #FFF;
padding: 16px 39px 12px 39px;

}
.menu li a.first {
background-image: none;
}
.menu li a:hover {
background-color:#3c0d0a;
text-decoration:none;
}

=====HTML====

 <div class="menu">
    <ul>
    <li class="first_li"><a href="#" class="first">Menu 1</a></li>
            <li><a href="#">Menu 2</a></li>
            <li><a href="#"> Menu 3</a> </li>
            <li><a href="#">Menu 4</a></li>
            

    </ul>

  </div><!--Nav-->

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Skype call through HTML code

Easy code to add Skype call in website??

<a  href="callto://+********">Call me on Cell number</a>

<!---Just replace "*" With you phone number This the method to call on cell phone using skype [ MUST have Skype credit ]---->

<a  href="skype:********?call">Call me On skype id </a>

<!---Just replace "*" With you Skype name than user call you directly on your skype id  ---->


Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Get checkbox value in PHP

<form action="index.php" method="post">

 <input type="checkbox" name="language[]" value="php" />PHP<br /> 

<input type="checkbox" name="language[]" value="html" />HTML<br /> 

<input type="checkbox" name="language[]" value="java" />Java<br />

 <input type="checkbox" name="language[]" value="c++" />C++<br /> 

<input type="submit" value="send" />

 </form>

foreach($_POST['language'] as $value)

 {

    echo 'Checked: '.$value.' ';

 }

If you check all the checkboxes, this script will output: 

Checked: php

Checked: html

Checked: java

Checked: c++

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Online image Mapping.

Image mapping in HTML

Just go to this website and add your image
Than you have different options right there draw online mapping with associated link.
Online code will generate copy that code and use it like i mentioned below in this POST

http://www.maschek.hu/imagemap/imgmap

How To use code :

Example:
**********************************************************
This code will generate by Online Tool.

<MAP NAME=mymap>

<AREA HREF="/reference/" ALT="HTML and CSS Reference" COORDS="5,5,95,195">
<AREA HREF="/design/" ALT="Design Guide" COORDS="105,5,195,195">
<AREA HREF="/tools/" ALT="Tools" COORDS="205,5,295,195">

</MAP>

**********************************************************

<IMG SRC="sitemap.gif" ALT="Site map" USEMAP="#mymap" WIDTH=300 HEIGHT=200>

Put this line with proper name (Highlighted in red font) 
---------------------------------------------------------

HTML allows images in different documents to use the same MAP definition from just one file, but many browsers do not support this and require the MAP and image elements to be in the same document.

MAP was originally defined to take one or more AREA elements that specify the coordinates of a clickable region on the image. An example follows:

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Button styling using css.

Submit button style using css. dr-wordpress

Time saving practice just copy and paste this code all the input button got same styling.
I don't like the default button style.

input[type=submit]
{
width: 60px;
margin: 0;
margin-left: 8px;
border: 0;
border-radius: 2px;
-moz-border-radius: 2px;
background: #000;
background: rgba(0,0,0,.6);
color: #fff;
cursor: pointer;
font-size: 13px;
height: 26px;
z-index: 0;
}

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

To allign the content in ( internet Explorer) IE.....

To align the Webpage in IE use these lines for alignment.

<style type="text/css">
body{text-align: center}
div{text-align: left; width: 50em; margin:0 auto; border:1px solid #CCCCCC}
</style>

Subscribe us for Important Knowledge of word press.Your's suggestions are most welcomed..