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.
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'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
Post a Comment