I am trying to align some html links that I spaced out with Xsitepro on the Info Bar(code in bold). when I initally made the site., but there is alot of that I want to get rid of, I cannot seem to align each of the 3 links left right and centre.without using spaces any help greatly appreciated thanks here is the index page code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict.dtd"//EN"> <html lang="en"> <head> <meta name="google-site-verification" content="WdRi8SUP9OjC6_l2n1LVe1YuZgl7Sc7WqerraIPJ3O4" /> </head> <body> </body> </html> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>AquaSphere Goggles - Home</title> <meta name="Keywords" content="Seal swim mask, Kaiman goggles, Kayenne, cutting-edge aquatics, fitness swimmers, triathletes, kids, 180° vision, panoramic goggle, , Seal , Seal XP , Kayenne , Kayenne Small , Eagle , Kaiman , Mako, Kayenne Lady , Vista Lady , Seal XP Lady , Kaiman Lady, Vista Jr , Seal Kid , Moby Kid"> <link type="text/css" rel="stylesheet" href="xsp_styles.css"> <style type="text/css"> TABLE.XSP_OUTLINE { HEIGHT: 100%; WIDTH: 785px; border: 2px solid black; } </style> <link type="text/css" rel="stylesheet" href="INFO_BAR_MENU.css"> <link type="text/css" rel="stylesheet" href="RIGHT_MENU.css"> <script type="text/javascript"> function addbookmark(title,url){ if (window.sidebar) // firefox window.sidebar.addPanel(title, url, ""); else if(window.opera && window.print){ // opera var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); } else if(document.all)// ie window.external.AddFavorite(url, title); } </script> <style type="text/css"> span.c21 {color: black} span.c20 {BACKGROUND-COLOR: #ffffff; color: black} span.c19 {FONT-SIZE: 10pt; font-family: Times New Roman} span.c18 {FONT-FAMILY: Verdana; COLOR: black; FONT-SIZE: 10pt} h3.c17 {MARGIN: 0cm 0cm 0pt} p.c16 {MARGIN: 0cm 0cm 0pt} span.c15 {FONT-SIZE: 10pt} span.c14 {FONT-FAMILY: 'Times New Roman'; FONT-SIZE: 10pt; font-family: Verdana} h3.c13 {text-align: left} span.c12 {FONT-SIZE: 8pt} iframe.c11 {float:normal;width:300px;height:250px;border: none;} img.c10 {WIDTH: 100px; HEIGHT: 100px} img.c9 {WIDTH: 130px; HEIGHT: 130px} span.c8 {text-decoration: underline} span.c7 {color: black; font-size: 80%} span.c6 {FONT-SIZE: 10pt; color: black} h1.c5 {text-align: center} span.c4 {FONT-SIZE: 12pt} span.c3 {font-family: Times New Roman} img.c2 {WIDTH: 300px; HEIGHT: 30px} p.c1 {text-align: center} </style> </head> <body> <table class="XSP_OUTLINE" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td colspan="2" class="XSP_HEADER_PANEL"> <p class="c1"> </p> <p class="c1"><a href="index.html"><img class="c2" title="image header" border="0" alt="aquasphere goggles header" src="images/try2.png"></a> </p> <class="c5"><span class="c4"> <span class="c3"><b><center>Looking for Goggles? Look No Further</span></span></b></center> </td> </tr> <tr> <td colspan="2" class="XSP_INFO_BAR"> <p> </p> <p> </p> <p class="c1"><strong> </strong> <a href="aquasphere-kaiman.html"><span class="c6">Kaiman Goggles</span></a><span class="c6"> </span> <span class="c1"><a href="aquasphere-mask.html"><span class="c6">AquaSphere Masks</span></a></span> <a href="aquasphere-kayenne.html"><span class="c6">Kayenne Goggles</span></a></p> </td> </tr> <tr> <td class="XSP_CENTER_PANEL"> <table class="XSP_CENTER_PANEL" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="XSP_MAIN_PANEL"> <p> <a href="aquasphere-kaiman.html"><img class="c9" title="aquasphere kaiman" border="0" alt="aquaaphere-kaiman Goggle" src="images/kaimangoggle.png"></a> <a href="aquasphere-mask.html"><img class="c10" title="aquasphere mask" border="0" alt="aquasphere mask" src="images/dfsdfds.png"></a> <a href="aquasphere-kayenne.html"><img class="c9" title="aquasphere kayenne " border="0" alt="aquasphere kayenne " src="images/kayennegoggle.png"></a></p> <div> </div> <p> </p> <p class="c1"><iframe src="http://rcm-uk.amazon.co.uk/e/cm?t=charity@xsitepro.com&o=2&p=12&l=st1&mode=sports-uk&search=aquasphere+goggles&fc1=000000&lt1=_top&lc1=0000FF&bg1=FFFFFF&f=ifr" class="c11" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p> <div> </div> <h1><b><font size=3>Aquasphere Goggles reviews and information</h1></b></font> <p>I have been swimming for many years, so I have tried alot of goggles. With my love of swimming I sometimes like to write reviews of different products I have used. So after some good feedback on Aquasphere goggles, I thought I would give them a go, What I found was a range of goggles that are very comfortable, do not leak easily and are easy to adjust on your head even in the water.</p> <b>Aqua Sphere Kaiman</b> <p class="MsoNormal c16"><span class="c14">The Kaiman Goggle uses 180 degree wide angle vision with a watertight seal. They are made of a very soft and hypoallergenic Softeril material that feels very comfortable when wearing. What I really love about them is</span><span class="c15">.... <a href="aquasphere-kaiman.html">Read More</a></span></p> <p class="c1"> </p> <b>Kayenne Goggle</b> <p class="MsoNormal c16"> </p> <p class="MsoNormal c16"><span class="c18">The Kayenne goggle uses Oversized lenses which provide great visibility 180 visibility under the water. They use a One touch, Quick-Fit Buckle which means the can be easily adjusted even when still on. You do not have to tighten them a lot like other brands they simply suck into your face without the popping your eyes out of your head feeling.....</span> <a href="aquasphere-kayenne.html"><span class="c1">Read More</span></a></p> <p> </p> <b>AquaSphere Mask Range</b> <p> The Mask range are Ideal for triathletes, they are very robust and I have never had a pair that every leaked in the slightest, they have a great seal and they are amazingly comfortable.....<a href="aquasphere-mask.html">Read More</a></p> <p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/D6qGfz5epts&hl=en_GB&fs=1&"> <param name="allowFullScreen" value="true"> <param name="allowscriptaccess" value="always"> <embed src="http://www.youtube.com/v/D6qGfz5epts&hl=en_GB&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="540" height="285"></object></p> <p> </p> <p> </p> </td> </tr> </table> </td> <td class="XSP_RIGHT_PANEL_SPC" id="XSP_RIGHT_PANEL"> <div class="XSP_RIGHT_PANEL"> <table> <tbody> <tr> <td> <table class="mainRIGHT_MENU" cellpadding="0px" cellspacing="0px"></table> </td> </tr> </tbody> </table> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <div><a href="javascript:addbookmark('Bookmark',document.location%20)">Bookmark Us</a></div> <p> </p> <p><span class="c15"><a href="index.html"><span class="c20">Home</span></a></span></p> <p><span class="c15"><a href="about-us.html"><span class="c21">About Us</span></a><span class="c21"> </span></span></p> <p><span class="c15"><a href="contact-us.html"><span class="c21">Contact</span></a><span class="c21"> </span></span></p> <p><span class="c15"><a href="privacy-policy.html"><span class="c21">Privacy Policy </span></a></span></p> </div> </td> </tr> </table> </body> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-15960731-1"); pageTracker._trackPageview(); } catch(err) {}</script> </html>
It seems like you should be able to do what you're trying to do with css, but I can't tell for sure. Do you have this live somewhere? I'd like to see it in action.
Hi Benny, Thank you for your reply. Website is www.aquaspheregoggles.com .Yeah it should be easy to do for someone who knows abit about css or html.
I suggest you redesign by hand. But if you are happy with it, add this to your CSS: .c9, .c10 { margin-right: 50px; } Code (markup): Feel free to play with the margin.