HTML/CSS Help

[MR TECH]

Ok so i'm making a website and for some reason when i'm in the Server section the Footer is linking to the HTML with a # at the end and its underlining the text inside the footer and i want this Gone but i cant find the source of this problem

 

Website Link : http://teamdrs.tk/servers.html   <----- So if you click on that you will the Footer text is linking to servers.html#

 

Hope you can help.

[colonel_mortis]

I can't view the source on mobile, but you should see an <a href="#">the text on that footer<\a> which is the cause of the issue. Is the page written in pure HTML/CSS/js or have you got some code running on the server (PHP etc)? And is it bases off a template/ WordPress etc?

[zacfaulkner]

You have an <a href="#"> around the <div> tag, that is why it is adding a # to the end of the URL.

EDIT: Quick fix, as follows: 
 

<a href="http://www.teamdrs.tk/">    <!-- End Servers Column -->    <!-- Begin Footer -->        <div id="footer">        ©2013 TeamDRS™ | Website MadeBy MR SK1LLFUL        </div>    <!-- End Footer --></a>

[Hazy125]

Where is it meant to be linking to

[magicbennie]

oooo...

 

HD background image takes ages to load on my ADSL2+ connection

 

Ontopic: uhh, i dont know much html (or any css) but cant u just try use a standard href where the footer is? Would that solve the problem?

[MR TECH]

I can't view the source on mobile, but you should see an <a href="#">the text on that footer<\a> which is the cause of the issue. Is the page written in pure HTML/CSS/js or have you got some code running on the server (PHP etc)? And is it bases off a template/ WordPress etc?

 

 

You have an <a href="#"> around the <div> tag, that is why it is adding a # to the end of the URL.

 

 

 

HTML Code 

 

 

CSS Code 

[josephting]

Check this part in servers.html.

		 <!-- Begin Servers Column -->		 <div id="GM"><a href="#"></div>		 <div id="MC"><a href="#"></div>	     <div id="DayZ"><a href="#"></div>		 <div id="BF"><a href="#"></div>		 <!-- End Servers Column -->

Add a closing <a> tag to all of them should fix the problem.

 

Like so.

		 <!-- Begin Servers Column -->		 <div id="GM"><a href="#"></a></div>		 <div id="MC"><a href="#"></a></div>	     <div id="DayZ"><a href="#"></a></div>		 <div id="BF"><a href="#"></a></div>		 <!-- End Servers Column -->

[Ivyk]

You should include the footer on every page so that you only have to adjust 1 footer file. It will change on every site it is included on.

[MR TECH]

 

Check this part in servers.html.

		 <!-- Begin Servers Column -->		 <div id="GM"><a href="#"></div>		 <div id="MC"><a href="#"></div>	     <div id="DayZ"><a href="#"></div>		 <div id="BF"><a href="#"></div>		 <!-- End Servers Column -->

Add a closing <a> tag to all of them should fix the problem.

 

Like so.

		 <!-- Begin Servers Column -->		 <div id="GM"><a href="#"></a></div>		 <div id="MC"><a href="#"></a></div>	     <div id="DayZ"><a href="#"></a></div>		 <div id="BF"><a href="#"></a></div>		 <!-- End Servers Column -->

 

 

Thank You

[josephting]

Thank You

Glad to help. Keep it up!