php - How can I add space between two horizontal images? -


the images hyperlinked don't appear have horizontal space between them , scrunched up. applying width doesn't seem work , i've tried other answers don't work.

enter image description here

here php code:

<?php include_once("php_includes/check_login_status.php"); if($user_ok != true || $log_username == ""){     header("location: http://burningchat.tk/home");     exit(); } $_session['user_id'] = md5(time()); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <style> body{ margin: 0px; text-align: center; font-family: arial; } #pagetop{     position: fixed;     top: 0px;     width:100%;     height: 120px;     background: #ff5c26;     color: #fff;     font-size: 23px;     padding-top: 50px;     transition: height 0.3s linear 0s, padding 0.3s linear 0s;     overflow:hidden; } #pagetop > #menu{     position: absolute;     bottom: 0px;     width:100%;     background: #fd4000;     height: 50px;     transition: height 0.3s linear 0s; } #wrapper{ margin-top: 230px; } #mainbody{      margin-top: 50px;      display:block; } </style> <script> var pagetop, menu, ypos; function yscroll(){     pagetop = document.getelementbyid('pagetop');     menu = document.getelementbyid('menu');     ypos = window.pageyoffset;     if(ypos > 150){         pagetop.style.height = "36px";         pagetop.style.paddingtop = "8px";         menu.style.height = "0px";     } else {         pagetop.style.height = "120px";         pagetop.style.paddingtop = "50px";         menu.style.height = "50px";     } } window.addeventlistener("scroll", yscroll); </script> </head> <body> <div id="pagetop">   gaming hub   <div id="menu"><a href="http://burningchat.tk/home/user.php"><img src="images/home.png" alt="chat" border="0" title="go burning chat"></a></div> </div> <div id="wrapper"> <h1><span style="font-family:tahoma,geneva,sans-serif;">welcome gaming hub,</span></h1>  <p><span style="font-family:tahoma,geneva,sans-serif;">whether need fun, or pass time. burning chat&#39;s gaming hub allows variety of fun activities, free.</span></p> <hr width="50%"> <div id="mainbody"> <a href="http://burningchat.tk/home/chat/type/standard.html"><img src="images/standard.png" alt="chat" border="0" title="standard"></a>  <a href="http://burningchat.tk/home/chat/type/carbon.html"><img src="images/carbon.png" alt="chat" border="0" title="carbon"></a>  <a href="http://burningchat.tk/home/chat/type/gamer.html"><img src="images/gamer.png" alt="chat" border="0" title="gamer"></a>  </body> </html> 

use margin in element this:

 #mainbody a{       margin: 0 5px;  } 

Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -