|
HTML - [involves Js, Css, Html]: Navigation; Big Empty Space Between Buttons??
Hey guys,
EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind! Thanks, ~C-Style~ Similar TutorialsHello, I painted web design with Photoshop and used slice tool to slice it. Than exported to html file. No css file. And I got a problem. When in page are a lot of text wich goes down, my navigation buttons gets far away from each other. I attached screenshots. Looking to the website with Opera browser, everything is alright, but browsing via IE it looks bad. Editing with dreamweaver everything looks good like with opera, but editing with FrontPage, it looks bad like via IE. Maybe someone can help me? Thank you. Sorry for my bad english. LINK TO THE WEBSITE Hi all! New to this html stuff.. and need a little direction! I added a dynamic drive slideshow to my webpage (that is still very work-in-progress!) and managed to move it down the page where it's supposed to go, but now I have this big blank spot at the top of the page.. oi! Any and all help will be muchly appreciated! Here is the link: http://daps.ca/painting/test/ and here is the code: <html> <head> <script type="text/javascript"> var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]=["http://usera.imagecave.com/paye22/paintweb/pic1.gif", "", ""] //plain image syntax fadeimages[1]=["http://usera.imagecave.com/paye22/paintweb/pic2.gif", "http://www.cssdrive.com", ""] //image with link syntax fadeimages[2]=["http://usera.imagecave.com/paye22/paintweb/pic3.gif", "http://www.javascriptkit.com", "_new"] var fadebgcolor="6aa4b2" var fadearray=new Array() //array to cache fadeshow instances var fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) var iebrowser=document.all function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){ this.pausecheck=pause this.mouseovercheck=0 this.delay=delay this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (typeof displayorder!="undefined") theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) this.theimages=theimages this.imageborder=parseInt(borderwidth) this.postimages=new Array() //preload images for (p=0;p<theimages.length;p++){ this.postimages[p]=new Image() this.postimages[p].src=theimages[p][0] } var fadewidth=fadewidth+this.imageborder*2 var fadeheight=fadeheight+this.imageborder*2 if (iebrowser&&dom||dom) document.write('<div id="master'+this.slideshowid+'" style="position:relative;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow: hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;lef t:00;filter:progidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;lef t:0;filter:progidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>') else document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') if (iebrowser&&dom||dom) this.startit() else{ this.curimageindex++ setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) } } function fadepic(obj){ if (obj.degree<100){ obj.degree+=10 if (obj.tempobj.filters&&obj.tempobj.filters[0]){ if (typeof obj.tempobj.filters[0].opacity=="number") obj.tempobj.filters[0].opacity=obj.degree else //else if IE5.5- obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" } else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101 else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100 else if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } else{ clearInterval(fadeclear[obj.slideshowid]) obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) obj.populateslide(obj.tempobj, obj.nextimageindex) obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0 setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay) } } fadeshow.prototype.populateslide=function(picobj, picindex){ var slideHTML="" if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">' slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='</a>' picobj.innerHTML=slideHTML } fadeshow.prototype.rotateimage=function(){ if (this.pausecheck==1) //if pause onMouseover enabled, cache object var cacheobj=this if (this.mouseovercheck==1) setTimeout(function(){cacheobj.rotateimage()}, 100) else if (iebrowser&&dom||dom){ this.resetit() var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) crossobj.style.zIndex++ fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50) this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" } else{ var ns4imgobj=document.images['defaultslide'+this.slideshowid] ns4imgobj.src=this.postimages[this.curimageindex].src } this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0 } fadeshow.prototype.resetit=function(){ this.degree=10 var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) if (crossobj.filters&&crossobj.filters[0]){ if (typeof crossobj.filters[0].opacity=="number") //if IE6+ crossobj.filters(0).opacity=this.degree else //else if IE5.5- crossobj.style.filter="alpha(opacity="+this.degree+")" } else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=this.degree/101 else if (crossobj.style.KhtmlOpacity) crossobj.style.KhtmlOpacity=this.degree/100 else if (crossobj.style.opacity&&!crossobj.filters) crossobj.style.opacity=this.degree/101 } fadeshow.prototype.startit=function(){ var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) this.populateslide(crossobj, this.curimageindex) if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER var cacheobj=this var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid) crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1} crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0} } this.rotateimage() } </script> I have the site in center but there isn't any [center] tags. Surrounding it is empty black. How do I reduce the emptiness to make the site "bigger"? UPDATE: See next post. I'm having a problem with IE treating empty space in a DIV as solid, preventing me from clicking anything underneath it. The problem is demonstrated he http://tmabb.com/comicpress/ You can see it best if you look at the logo in the upper-left, though it also occurs farther down the page. The entirety of that logo should be clickable, but a portion of the bottom of it is not. Basically, you've got the top header and leaderboard in one DIV, and then below that, the comic pane is in another DIV. The comic DIV has a negative top margin to make it interlock with the leaderboard DIV, which is what is causing the issue. The upper-left of the comic DIV *should* be empty space, and in FF, Opera, and Safari, you can indeed click all of the upper-left logo as you would expect. In IE, however, that empty space which overlaps part of the logo makes that portion of the logo unclickable. I can't simply give the leaderboard DIV a higher z-index, because then its empty space will block the links in the upper-right of the comic pane DIV. Is there any way to make this work in IE? Hi, I'm new to HTML, i pretty much learned it by myself with online tutorials. Now i'm having problems with this web layout, There are empty spaces between cells and I can't remove them no matter what I do. I used cellpadding="0" and cellspacing="0" and style="border-collapse: collapse" but it made no difference. This is only happening on FireFox. On Internet Explorer it appears fine. I'm sure that I'm doing some stupid mistake somewhere. Here's the code of the whole page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Using CSS</title> <style> body { margin:0; } </style> </head> <body topmargin="0" leftmargin="0" bottommargin="0"> <table cellpadding="0" border="1" style="border-collapse: collapse" cellspacing="0" height = "100%"> <tr> <td><img src="images/Gray-Cut-(layout)_01.gif" height="64"></td> <td><img src="images/Gray-Cut-(layout)_02.gif" height="64"></td> </tr> <tr> <TD class="example" width="786" colSpan="2" heigh="100%"> <TABLE id="Table2" height="100%" cellSpacing="0" cellPadding="0" border="1" style="border-collapse: collapse"> <TR> <TD><IMG height="21" alt="" src="images\Gray-Cut-(layout)_03.gif" width="182"></TD> <TD width="100%" rowSpan="5"><iframe name="iframe" src="home.html" height = "100%" width="100%" frameborder="0"></iframe></TD> </TR> <TR> <TD><IMG height="24" alt="" src="images\Gray-Cut-(layout)_05.gif" width="182"></TD> </TR> <TR> <TD><IMG height="24" alt="" src="images\Gray-Cut-(layout)_06.gif" width="182"></TD> </TR> <TR> <TD><IMG height="35" alt="" src="images\Gray-Cut-(layout)_07.gif" width="182"></TD> </TR> <TR> <TD height="100%"> </TD> </TR> </TABLE> </TD> </tr> </table> </body> </html> I'm in a bit of a fix here regarding editing the html of a blogger page. http://bweissnews.blogspot.com/ The problem is the empty space between the end of the last post and the bottom of the window. The gap is too large and doesn't mesh well with pages with fewer posts. Anything I'm missing anything regarding that? Thanks so much in advance. Hey guys, i have a div setup to overflow:auto; to scroll through comments on the site. It works correctly in Chrome, Internet Explorer, and Safari, but Firefox is showing a bunch of empty space thats equivalent to the height of the page if the div was displayed without a scroll. http://www.greendayauthority.com/ind...20798&archive= Take a look at that page on different browsers. It ends correctly with the ads being at the end in other browsers, but with firefox, there's a bunch of dead space stretching the pages height. Any advice? Hi I'm new to web design but have created a 1st shot. Unfortunately the 9 navigation buttons (spread horizontally) spill over onto a 2nd row. My guess is tat this is because the wording for some of the buttons is a bit wordy. I don't want to lose the words at this time. Any ideas of how I can arrive at a neat solution. Ideally I would prefer that all the buttons fitted into a single row. Is there any way of achieving this? (even if the text within certain cells is split over 2 rows within the cell) Thanks for any help you can give Chris you can see the sort of results I'm getting at www.universal-campus.net Below is the tswtabs.css style sheet referred to in the code for each web page and which contains the settings for the navigation buttons /* tswtabs.css 1.0.2 Please use the CSS Menu Button Wizard at http://www.thesitewizard.com/wizards...-buttons.shtml to generate your own customized menu buttons. */ #tswcsstabs ul { margin: 10 ; padding: 0 ; list-style: none ; display: inline ; } #tswcsstabs ul li { margin: 0 ; padding: 0 ; display: inline ; text-align: center ; list-style: none ; font-family: Arial, Helvetica, sans-serif ; } #tswcsstabs li a { color: #000 ; background-color: #36b4d6 ; border: 1px outset #00f ; padding: 8px ; text-decoration: none ; display: inline ; } #tswcsstabs li a:hover { color: #ff0 ; background-color: #0000c0 ; } Below is the code I'm using on each page to set out the navigation buttons <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="http://www.universal-campus.net/tswtabs.css"> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>about</title> </head> <body> <ul> </ul> <table style="text-align: left; width: 1360px; height: 282px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td><a href="worldheader.jpg"><img style="border: 0px solid ; width: 1348px; height: 265px; float: left;" alt="" src="worldheader.jpg"></a></td> </tr> </tbody> </table> <table style="text-align: left; font-family: Arial; font-weight: bold; width: 100%;" border="1" cellpadding="2" cellspacing="5"> <tbody> <tr> <td> <div id="tswcsstabs"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Global Campus</a></li> <li><a href="portfolio.html">Our own Business Portfolio</a></li> <li><a href="business.html">Getting more from your Business</a></li> <li><a href="investment.html">Maximising your Investments</a></li> <li><a href="coach.html">Your Coach & Mentor</a></li> <li><a href="exit.html">Making the most from your exit</a></li> <li><a href="feedback.html">Contacting Us</a></li> <li><a href="associate.html">Working as one of our Associates</a></li> </ul> </div> </td> </tr> </tbody> I have some buttons I made for a navigation that goes across the top (horizontaly) and I have quite a few. So they don't all fit in one row. What I want to do is make a second row of buttons benethe the first row. like for example, button button button button button button button button ect. I knew using breaks wouldn't work, so I don't know why I tried. I used a generator so I know nothing really about divs or tables or anything like that, but if someone could show me where to add like a break for this type of html that would be great!! HTML Code: <td width="3"></td>
<td><div class="wg-button">
<a title="Quotes" style ="POSITION: relative" href="../quotes/index.html" ><img alt="" src="../_frame/button.png"><span style="LEFT: 18px; WIDTH: 77px; CURSOR: hand; POSITION: absolute; TOP: 18px"
>Quotes</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button">
<a title="Glitters" style="POSITION: relative" href="../glitters/index.html" ><img alt="" src="../_frame/button.png"><span style="LEFT: 16px; WIDTH: 77px; CURSOR: hand; POSITION: absolute; TOP: 11px"
>Glitters</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button">
<a title="Icons" style="POSITION: relative" href="../icons/index.html" ><img alt="" src="../_frame/button.png"><span style="LEFT: 18px; WIDTH: 77px; CURSOR: hand; POSITION: absolute; TOP: 18px"
>Icons</span></a></div></td>
Hello everyone, So here is my page... http://www.mytodostuff.com you will notice between the header and the navigation menu, there is a small white space that goes across the whole page... how do i delete that white space so the bottom of the header (the blue box) touches the top of the navigation(the orange and white colors)? any assistance on showing me how to do this would be greatly appriciated Thanks everyone for taking the time to read this thread and thanks even more to those that respond. Here's a link to the page I'm currently working on. http://www.vancouver4condos.com/test/ The big map picture is set up as an image map, with all the areas already specified. Each area gets highlighted when viewer hovers the cursor over it. Also, right above the map is a navigation menu, with all the buttons corresponding to each of the areas on the image map below. I was wondering if there is a way to connect each of the navigation buttons with their corresponding map image areas in such a way that when the user hovers the cursor over a button, its map area will automatically get highlighted. Ideally, the opposite would also be true - when hovering the cursor over one of the map areas, its corresponding navigation button would also highlight. Hello, My name is Eli and I cannot figure out why in the 2nd and 3rd rows of this HTML table there are empty spaces between the columns, making these rows go over the table width limitation of 770. I would really appreciate some help, as it is getting very frustrating and I am sure there is a very simple solution that I am missing. I've searched threads but could not find the right answer. Here is the table HTML code: <table border="0" align="left" cellspacing="0" cellpadding="0" width="770"> <tr> <td width="770" height="1" colspan="2" bgcolor="#FFFFFF"><img src="http://yst.sale-la-vie.com/images/spacer.gif" alt="spacer" width="4" height="1" border="0" align="middle" /></td> </tr> <tr> <td colspan="2" align="left" valign="top" bgcolor="0"><img src="http://yst.sale-la-vie.com/images/main-mid.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/right-mid.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-necklaces-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-earringss-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-goodlook-img.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-bracelets-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-summer-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-newlook-img.jpg" alt="" border="0" /></a></td> </tr> </table> Thanks and best wishes, Eli Hi, The following code works fine for me except it adds extra spaces on the top of the table. I have searched everywhere for answers in vain. Can anyone help me solve it. thanks in advance. We use Expression Engine Here is the code: <table bgcolor="#003399" border=".1" cellpadding="0" cellspacing="0" style="height: 73px;" width="715"> <tbody> <tr> <td style="TEXT-ALIGN: center;font-size:13pt;font-weight:bold;color:#ffffff"> <h1><img height="62" src="{filedir_6}CD.jpg" style="border: .1px solid Black; margin: .5px; float: left;" width="241" /></h1> <p>Client Advocacy</p> </td> </tr> </tbody> </table> I guess the first thing to do is give you a link to my site: http://theinstinct.net. Now if you notice, on the left hand side we have a Navigation Bar and a few other small things. Lately we've (myself and a friend work on the site) been editing and updating it a lot and we realized that we'd have to make the same changes on every single page. So my question for you is, is there a way to execute a separate HTML file inside another? Like you can link to a CSS file or to a JavaScript file, can you do that with an HTML file? Thanks for the help! Impossible right? Wrong. Or at least in mozilla firefox. I was playing around and came up with this: HTML Code: <style type="text/css">
.nav{
width: 150px;
height: 400px;
border: 1px solid #222222;
background: #151515;
color: #bb55ff;
font-family: tahoma;
font-size: 8pt;}
.blank{
background-color: #000000;
height:12;}
.nav ul{
height: 12px;
padding: 0px;
text-align: right;
overflow: hidden;
background-color: #000000;
border: 1px solid #222222;}
.nav ul:hover{
padding: 5px;
height: auto;
text-align: left;
overflow: visible;
background-color: #000000;
border: 1px solid #222222;}
.nav li{
list-style-image: none;
background-color: #151515;
border: 1px solid #222222;}
.nav li:hover{
list-style-image: none;
background-color: #000000;
border: 1px solid #222222;}
</style>
<div class=nav>
<ul>
<div class=blank>Site Nav</div>
<li><a href="#top">Top</a></li>
<li><a href="#news">News</a></li>
<li><a href="#notice">Notice</a></li>
<li><a href="#friends">Friends</a></li>
<li><a href="#friends-form">Signup</a></li>
<li><a href="#likes">Likes</a></li>
<li><a href="#dislikes">Dislikes</a></li>
<li><a href="#music">Music</a></li>
<li><a href="#css">Layouts</a></li>
</ul>
<ul>
<div class=blank>Links</div>
<li><a href="/journal.php?u=Techie-ish">Journal</li>
<li><a href="/gallery.php?u=Techie-ish">Gallery</a></li>
<li><a href="http://quinn.1429caddo.net">Homepage</a></li>
<li><a href="http://quinn.1429caddo.net/poetry.htm">Poetry</a></li>
<li><a href="http://www.myspace.com/staining_in_the_rain">Myspace</a></li>
</ul>
<ul>
<div class=blank>VF Nav</div>
<li><a href='/inbox.php'>Inbox</a></li>
<li><a href='/comments.php'>Comments</a></li>
<li><a href='/view_pic_comments.php'>Pic Comments</a></li>
<li><a href='/journal.php'>Journal</a></li>
<li><a href='/edituser.php'>Profile</a></li>
<li><a href='/editsettings.php'>Settings</a></li>
<li><a href='/editpictures.php'>Pictures</a></li>
<li><a href='/video/editvideos.php'>Videos</a></li>
<li><a href='/editicons.php'>Icons</a></li>
<li><a href='/edit_lists.php'>Lists</a></li>
<li><a href='/group_mine.php'>Cults</a></li>
<li><a href='/login.php?logout=1&c=a066e0f3'>Logout</a></li>
</ul>
</div>
it doesnt work in internet explorer can someone tell me why? Hello, I have the following problem: I want to put online a link to local file. The name of the file has spaces in it like in the example below: HTML Code: <a href='file://H:\Documents and Settings\admin\Desktop\a b.docx' target=_blank>test</a> I also tryed: HTML Code: <a href='file://H:\Documents%20and%20Settings\admin\Desktop\a%20b.docx' target=_blank>test</a> but it still does not open the file When viewing the link properties for the first example it shows: Code: file:///H:/Documents%20and%20Settings/admin/Desktop/a%20b.docx and for the second: Code: file:///H:/Documents%2520and%2520Settings/admin/Desktop/a%2520b.docx witch is obviously not correct since it is escaped... What am I doing wrong? How should I write the link code so that it will open a local file on my pc that has spaces in it's name? Thanks for the help... When I create a HTML form there always seems to be an amount of unusable space sorrounding it. Is there a way to make the HTML form fit in a smaller area? Hi guys, hello to all and thank you for letting me be apart of this forum! Im having some problems with a new site i have published and kind of need some solutions to my my problems if at all possible! My current situation is that i have subscribed to streamline.net,buit my new shopping site in their site wizard program and have published it on the web,all is hunky dorry upto now. I have adjusted certain aspects of the design via Dreamweaver and even published some affiliate logos/adverts on my home page by copy and pasting the HTML codes and saving into my FTP files and have added a small piece of music on the opening welcome page. Now, i have signed up with Google Checkout and also Paypal Checkout and i am unable to copy and paste their associated 'Add to basket' buttons onto my item lists.I can copy the buttons to other parts of the site like the disclaimer page but just cant seem to copy them to my item description boxes. My thinking is its down to me using a template form to enter my item descriptions in site wizard. Another strange thing i have noticed is that i can't seem to find the item description text in my FTP files only the pictures product ID ,name and price. I am in the process of trying to sort out my problem with streamline via email but is slow going,i just thought you guys could shed some light onto my problems. Any help at all would me much appreciated!!!!! my site is on line at www.designerswitching.co.uk . Kind regards , James Hi , Ive got the following html for a site nav bar. I want to shorten the width of the bar by breaking up the two word sections into one column.....i.e About Us would read as.... About Us The section 'Full time' would become Full time This is the html I have - I'm guessing that I may have to create a table? Any advice on this would be gratefully received! The html for the navigation bar is........ <a class=topmenu href="blank.html" target="" tab="0" pid="212" runat="server">About Myeloma</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html">About Us</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="959" runat="server">Teams/players</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="970" runat="server">Professional footballers</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="976" runat="server">Venue</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="974" runat="server">Fixtures</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="978" runat="server">Full time</a><span style="COLOR: #c4c7c8"> | </span> <a class=topmenu href="blank.html" target="" tab="0" pid="975" runat="server">News</a> |
|||||||