Veeramanikandan

hi, the header menu used in nav-bar issue is nav-menu please check it out and nav bar class are missing.

hi,the responsive website are using in width mentioned to %,not use in px,all div mentioned to %,bootstrap method used to website work in responsive.

Use Twitter Bootstrap for grid layout. This is the best way for display your portfolio in grid layout.

Hi, You just create a box using div element. and attach the arrow image where you want add in the div.

Use "templatemo_417_grill" HTML5 BOOTSTRAP template for responsive contact form.

Simply you just create a DIV outside of .menu class. give the name has #nav and width can be 100%. for example: #nav{width: 100%;} .menu{margin:0 auto; padding:0; height:30px; width:75%; display:block; background:url('topMenuImages.png') repeat-x;} .menu li{padding:0; margin:0; list-style:none; display:inline;} .menu li a{float:left; padding-left:15px; display:block; color:rgb(5,5,5); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;} .menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;} .menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);} .menu li a:hover span{background-position:100% -60px;} .menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(3,1,5);} .menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;} <div id="nav"> <ul class="menu"> <li><a href="http://winemakingemporium.co.uk" class="active"><span>Home</span></a></li> <li><a href="http://winemakingemp.../span></a></li> <li><a href="http://winemakingemp.../span></a></li> <li><a href="http://winemakingemp.../span></a></li> <li><a href="http://winemakingemp.../span></a></li> <li><a href="http://winemakingemp.../span></a></li> <li><a href="http://winemakingemp.../span></a></li> </ul> </div> Use this way you,ll be get the menu place in center position.

inside the form you can create the button <form> <input type="button" name="but" value="click me"> </form>

css code for set background image: background: url("http://www.example.com/images/image.png") no repeat; this is for firebox and crome. css code for internet explorer background image: background-image: url("http://www.example.com/images/image.png") no repeat;

you are use <hr > tag inside the <copyright> tag . If you dont need that just remove from your html code . Or otherwise just use below code in your css file .copyright hr{display: none;}.

The "px and %" is more are less same. When we are giving the value as "px", its not give proper responsive while redirecying the site into mobile view. But we are giving the "%" value, its given proper responsive.

First off all add the meta name , content and device width in you html header file. and then add the @media code into your css file. all values are measured use % symbol. Or otherwise the best and easiest method is use twitter bootstrape package.

There is no problem has been occured. But The problem has been occured when redirecting from your site into mobile version or ipad and laptop. So here you need to create external css file and link to your html file.

Just add the meta viewport namr and content inside the header position of html document. the meta tag is given below: <meta name="viewport" content="initial-scale=1, maximum-scale=1"> and add the media query to the css style code @media screen only(max-width 320px) { /* css code for responsive */ }

Blue fish editor is the best editor for linux

Using img is the best method for creating banner image. <ul> <li> <a href="#"><img src="image1.png" alt=""></a> </li> <li> <a href="#"><img src="image2.png" alt=""></a> </li> </ul>