xeestudios

Dear All, I would like to know your view along-with your important feedback upon my homepage design. Kindly suggest me if you have better idea which i can implement. Which Logo i should use? (attached two logos) Brief about my website. 1) Project Exchange program 2) Website Designing 3) Website Development 4) SEO & other digital marketing. Website URL : www.xeestudios.com

Great website! But if you can fix some minor issues this will be superb. 1) Instead of PT Sans use Open Sans font. 2) Proper margin is required in the footer section. 3) Use justified alignment for the paragraph. Looks more professional. 4) Instead of using gradient image in the footer you can have much better footer. 5) Footer looks very simple. Its like Tuxedo with Slippers. 6) In mobile view the footer element are not showing responsive behavior.(Snapshot enclosed) 7) The banner image needs to be large or either fixed to the body so that even on large screen it shouldnt show black background.(Snapshot enclosed). SEO Point of view: 1) Donot use <br /><br />, bad practice. You should use padding or margin instead. 2)You have some errors in validator. 3)Your website ranking is too low.(2 years old website) 4)In the footer you have used TABLE, Use UL instead. That would give you more flexibility. There are few more. If you are interest in fixing this up you can contact me at info@xeestudios.com or can visit www.xeestudios.com

<div style="background:url(images/slide-5.jpg); height:300px; width:600px"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td style="background:rgba(240,240,240,0.9);" width="500" height="100"> <ul> <li>Sample Text 1</li> <li>Sample Text 1</li> <li>Sample Text 1</li> </ul> </td> </tr> </table> </div> You cannot modify the opacity of an image using the css code as per my knowledge. Either you can do it in your photo editor or you can use the CSS code for background as i have shown you in the above example. Modify the alpha parameter, this way you can vary the transparency. I hope this solves your issue www.xeestudios.com

Easiest Way <style> body{ margin:0} .nav { font-size:25px; top:50%; position:fixed; font-family:UtsaahRegular; text-align:center; float: left; background-color:#999999; border-radius:0 10px 10px 0; } ul{ list-style:none; margin:0 0 5px 0; padding:0 0 0 10px;} ul li{text-align:left; width:80px;} ul li a{ text-decoration:none;font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase} ul li a:hover{ color:#FFFFFF;} </style> <div class="nav"> <ul> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Contact</a></li> <li><a href="/">Etc</a></li> <li><a href="/">Etc</a></li> </ul> </div>

<style> body{ margin:0} .main{ width:950px; margin:0 auto; box-shadow: 0 0 5px #333;} .header{ height:120px; background:#9c0;} .section{ height:300px; background:#efefef;} .content{ min-height:500px} .footer { height:70px; background:#9cf;} </style> <div class="main"> <div class="header"> <header></header> </div> <div class="section"> <section></section> </div> <div class="content"> <main></main> </div> <div class="footer"> <footer></footer> </div> </div> *********************************************************************************** I suggest use similar structure which will bind your element nicely. Use min-height with the main div and it will handle your data nicely.

<style> h1,h2,h3,h4,h5,h6{ margin:0} .col-md-12{ border:1px solid #9c0; width:950px; margin:0 auto} .row2{ height:300px; background:#9cf;} .register{ float:left; width:33%; min-height:300px; background:#9c0;} .col-md-4{} .adspace{ float:left; width:33%; min-height:300px; margin-left:4px; background:#c00;} .market{ float:left; width:33%; min-height:300px; margin-left:4px; background:#efefef;} .market-heading{} .market-list{} </style> <section class="col-md-12"> <div class="row2"> <div class="register col-md-4"> <h4 class="register-heading">Get registered with us</h4> <form action="" method="post"> </form> </div> <div class="adspace col-md-4"></div> <div class="market col-md-4"> <h4 class="market-heading">Marketplace</h4> <ul class="market-list"> </ul> </div> </div> </section> Simple and Quick Solution Use "min-height" with the CSS as i have shown you in the snapshot attached. It will work without fail.

Hi, I m having issue with my contact form ( xeestudios.com/contact-us ). Sometimes it takes the input nicely and sometimes it throws error {{JSON Output}} Can anyone suggest me the possible cause? Would be thankful to you.

I think you need the following solution. If you have something else in your mind draw it in MSPAINT and post back, i would love to solve it for you. Write to me at info @ xeestudios.com /********************CSS*************************/ *{ padding:0; margin:0;} body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(bk.gif) repeat-x;; } #wrapper{ width: 950px; margin:0 auto; box-shadow:0 0 5px #555; } #header { height: 150px; /****************950px doesnt looks appropriate************************/ background: url('Untitled-1.png'); position:relative; float:left; } #content { height:500px; position:relative; float:left; } #footer { height:70px; position:relative; float:left; } ***************************HTML********************************* <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Your Page Title</title> </head> <body> <div id="wrapper"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body> </html>

Simple and Easy CSS CODE .wrapper { width:960px; margin:0 auto;} .header { width:100%; margin:0} .content { width:960px; margin:0 auto} .footer {width:100%; margin:0} HTML CODE <div class="header"> <div class="wrapper"><!-----Your Content --------------></div> </div> <div class="content"><!-----Your Content --------------></div> <div class="footer"> <div class="wrapper"><!-----Your Content --------------></div> </div> ---------> OR <-------------- CSS CODE .wrapper { width:960px; margin:0 auto;} .header,.content,.footer { width:100%; margin:0} HTML CODE <div class="header"> <div class="wrapper"><!-----Your Content --------------></div> </div> <div class="content"> <div class="wrapper"><!-----Your Content --------------></div> </div> <div class="footer"> <div class="wrapper"><!-----Your Content --------------></div> </div> By Xee Studios

very simple name the body of video.html with <body class="video"> and in style.css use .video before all the class in style.css For. e.g - .video h1,h2,h3,h4 { } .video p{ } .video span { } etc.. Just put .video with all the class to be used in vedio.html There are other ways too but for that i need to look into your files. By Xee Studios

Very Simple Solution :- ****************************************************************************************************************************** <body> <form style="width:440px;" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> <fieldset style="text-align:left; padding:24px;"> <legend>Subscribe to Our Newsletter </legend> <br /> <?php if($msg_to_user !=''){ ?> Name:<br /> <input name="name" type="text" maxlength="36" value="<?php echo $name; ?>" /><br /> Email:<br /> <input name="email" type="text" maxlength="36" value="<?php echo $email; ?>" /><br /><br /> <input name="mySubmitBtn" type="submit" value="Submit"> <?php } ?> <?php echo $msg_to_user; ?> </fieldset> </form> </body> ****************************************************************************************************************************** By Xee Studios

Thanks

How to play Sound on click or Mouseover My goal is to have the sound play when the mouse hovers over a certain element, like a menu item. I have tried many changes through my HTML and CSS, but I can't find the solution, so I'm hoping that someone with better eyes and more knowledge of web-design can give me a solution. Take a look at www.xeestudios.com . Just need that if anyone places mouse over the menu item it should play sound. That's it. Thanks in Advance.

Simple and Easy Solution.... Add overflow: hidden; To --> #container By Xee Studios

Float will be a better choice as it support many attributes like padding, margin, width etc to make ur menu flexible. By Xee Studios