HTML help

Julian5 · September 3, 2016

So I bought a domain and a VPS last week and the server company has not contacted me with my login details yet........ so I already started programming and setting up the server at home. Its still a work in progress and it looks un- the proffesional since its been ages since I last coded in html5. Its really laggy rn (due to my bad internet) and its running on XAMPP apche. I cant get the favicon to work on the domain, it shows up in chrome when I search localhosr but not when I search my domain ( Juliantech.es ) notice the page is not fileld with info yet. Took me about 4 hours to set up the apached web server, domain and code the page. lemme know what you think

this is the code for the favicon

<link href="favicon.ico" rel="shortcut icon" />

and this is the code for the webpage index

<!DOCTYPE html>

<html>

<head>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

<link href="favicon.ico" rel="shortcut icon" />

</head>

<style>

ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    width: 200px;

    background-color: #f1f1f1;

}



li a {

    display: block;

    color: #000;

    padding: 8px 16px;

    text-decoration: none;

}





li a:hover {

    background-color: #555;

    color: white;

}

<body>

<style>



div.container {

    width: 100%;

    border: 1px solid gray;

}







header, footer {

    padding: 1em;

    color: white;

    background-color: #4d4d4d;

    clear: left;

    text-align: center;

}



nav {

    float: left;

    max-width: 190px;

    margin: 0;

    padding: 1em;

}



nav ul {

    list-style-type: none;

    padding: 0;

}

   

nav ul a {

    text-decoration: none;

}



article {

    margin-left: 170px;

    border-left: 1px solid gray;

    padding: 1em;

    overflow: hidden;

}

</style>

</head>

<body>



<div class="container">



<header>

  <font face="arial" color="blue" Size="8"> Julian's Tech Projects </font>

</header>



<nav>

  <ul>

  <li><a href="index.html">Home</a></li>
      <li><a href="workshop.html">Workshop</a></li>

    <li><a href="personal.html">Personal Projects</a></li>

    <li><a href="School.html">School Projects</a></li>

    

  </ul>

</nav>



<body background= http://projectspune.com/wp-content/uploads/2015/09/pcb-design-pune.jpg>



<br>



<div class="container">

<center>

<font face="arial" color="white" Size="5"> My name is Julian, maker which attends Sotogrande international School in Spain, This webpage is meant to showcase my projects and explain how I made them along with some pictures.  </font>

</center>







</div>
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
		<li><img src="data1/images/dsc_0012.jpg" alt="Workshop" title="Workshop" id="wows1_0"/></li>
		<li><img src="data1/images/dsc_0014.jpg" alt="Workshop" title="Workshop" id="wows1_1"/></li>
		<li><img src="data1/images/dsc_0015.jpg" alt="Workshop" title="Workshop" id="wows1_2"/></li>
		<li><img src="data1/images/dsc_0028.jpg" alt="Air compressor" title="Air compressor" id="wows1_3"/></li>
		<li><img src="data1/images/dsc_0031.jpg" alt="Camera stand" title="Camera stand" id="wows1_4"/></li>
		<li><img src="data1/images/dsc_0032.jpg" alt="Air compressor" title="Air compressor" id="wows1_5"/></li>
		<li><img src="data1/images/dsc_0034.jpg" alt="cssslider" title="custom PC" id="wows1_6"/></a></li>
		<li><img src="data1/images/ff34409626444278a3905132c6370b6c.jpg" alt="Water cooled PC" title="Water cooled PC" id="wows1_7"/></li>
	</ul></div>
	<div class="ws_bullets"><div>
		<a href="#" title="Workshop"><span><img src="data1/tooltips/dsc_0012.jpg" alt="Workshop"/>1</span></a>
		<a href="#" title="Workshop"><span><img src="data1/tooltips/dsc_0014.jpg" alt="Workshop"/>2</span></a>
		<a href="#" title="Workshop"><span><img src="data1/tooltips/dsc_0015.jpg" alt="Workshop"/>3</span></a>
		<a href="#" title="Air compressor"><span><img src="data1/tooltips/dsc_0028.jpg" alt="Air compressor"/>4</span></a>
		<a href="#" title="Camera stand"><span><img src="data1/tooltips/dsc_0031.jpg" alt="Camera stand"/>5</span></a>
		<a href="#" title="Air compressor"><span><img src="data1/tooltips/dsc_0032.jpg" alt="Air compressor"/>6</span></a>
		<a href="#" title="custom PC"><span><img src="data1/tooltips/dsc_0034.jpg" alt="custom PC"/>7</span></a>
		<a href="#" title="Water cooled PC"><span><img src="data1/tooltips/ff34409626444278a3905132c6370b6c.jpg" alt="Water cooled PC"/>8</span></a>
	</div></div>
<div class="ws_shadow"></div>
</div>	
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->


<footer> <font face="arial" color="blue" Size="2"> Julian Fernandez 2016 © </font> </footer>



</body>



</html>

Mr_KoKa · September 3, 2016

It may be some caching issues and favicon may work after some time. Try to use other browser that you never used with that site, to see if it will work.

Julian5 · September 3, 2016

Just now, Mr_KoKa said:

It may be some caching issues and favicon may work after some time. Try to use other browser that you never used with that site, to see if it will work.

yeah I tried on all my devices, not working on domain only on local host

Mr_KoKa · September 3, 2016

Can you link it?

Julian5 · September 3, 2016

http://juliantech.es

I tried putting the link of the image but it still only works on local host.

Mr_KoKa · September 3, 2016

Looks like there is no file you are referring to.

Julian5 · September 3, 2016

Just now, Mr_KoKa said:

It may be some caching issues and favicon may work after some time. Try to use other browser that you never used with that site, to see if it will work.

yeah I tried on all my devices, not working on domain only on local host

Julian5 · September 3, 2016

Just now, Mr_KoKa said:

Looks like there is no file you are referring to.

my file is named favicon.ico though, and how come it works on localhost then?

Mr_KoKa · September 3, 2016

Another thing I noticed, the domain, it uses iframe to display your site, and the domain html document that uses that iframe has no favicon defined in head. Look yourself, check source of your homepage. It's more like domain issue, it should use redirect rather than iframe.

Julian5 · September 3, 2016

Just now, Mr_KoKa said:

Another thing I noticed, the domain, it uses iframe to display your site, and the domain html document that uses that iframe has no favicon defined in head. Look yourself, check source of your homepage. It's more like domain issue, it should use redirect rather than iframe.

Ok im going to change it to httpd rn

Julian5 · September 3, 2016

2 minutes ago, Julian5 said:

Ok im going to change it to httpd rn

Ok I changed it to HTTP, Does it work?

Julian5 · September 3, 2016

the problem is now I have it on HTTP, it shows my IP in the URL bar while frame wont

PRTI · September 3, 2016

IIRC you have to give the location of the favicon...for let's say its on drive D: and in a folder called favicon you have to do <link href="D:\favicon\favicon.ico instead of just saying favicon.ico

EvilLemur · September 3, 2016

10 minutes ago, keNNySOC said:

IIRC you have to give the location of the favicon...for let's say its on drive D: and in a folder called favicon you have to do <link href="D:\favicon\favicon.ico instead of just saying favicon.ico

in this case it would look like this /mainsitefolder/assets/img/icons/favicon.ico or png take your pick. this is not the format of your directory but its how things should be sorted to keep things tidy.

So your line of code should be


<link rel="shortcut icon" href="//mainsitefolder/assets/img/icons/favicon.ico">

Mr_KoKa · September 3, 2016

7 minutes ago, keNNySOC said:

IIRC you have to give the location of the favicon...for let's say its on drive D: and in a folder called favicon you have to do <link href="D:\favicon\favicon.ico instead of just saying favicon.ico

relative path works too, as it work on localhost, I would suggest remove all images for now so page load more quickly.

PRTI · September 3, 2016

Just now, EvilLemur said:

in this case it would look like this /mainsitefolder/assets/img/icons/favicon.ico or png take your pick. this is not the format of your directory but its how things should be sorted to keep things tidy.

IIRC that's how your supposed to do it...

Mr_KoKa · September 3, 2016

2 minutes ago, keNNySOC said:

IIRC that's how your supposed to do it...

Yeah, but when you link things like this, browser starts to links them as file:///C:/xampp/htdocs/favicon.ico and it referees to YOUR computer, not remote one.

Julian5 · September 3, 2016

I made all the folders in the htdocs folder and this is the code inside the index.html

Mr_KoKa · September 3, 2016

Can you screenshot your directory where index is placed? Cause either http://83.63.237.164/assets/img/icons/favicon.ico and http://83.63.237.164/favicon.ico doesn't seem to be accessible.

Julian5 · September 3, 2016

2 minutes ago, Mr_KoKa said:

Can you screenshot your directory where index is placed? Cause either http://83.63.237.164/assets/img/icons/favicon.ico and http://83.63.237.164/favicon.ico doesn't seem to be accessible.

should work now

EvilLemur · September 3, 2016

also does your httpd config file have this line "AddType image/x-icon .ico"

Mr_KoKa · September 3, 2016

It is, http://83.63.237.164/

Now you need to chagne the way your domain redirects to your page, as I said before, iframe won't work, and to noth chagne address to ip you need to sett it up correctly.

Julian5 · September 3, 2016

1 minute ago, Mr_KoKa said:

It is, http://83.63.237.164/

Now you need to chagne the way your domain redirects to your page, as I said before, iframe won't work, and to noth chagne address to ip you need to sett it up correctly.

ok how do i set it up so the IP wont show when I use HTTP redirect on the domain?

Mr_KoKa · September 3, 2016

I have no experience with domain, but you don't want to use iframe, and unmasked redirections, there should be a thing that involve DNS to translate your domain to IP you provide. Just remember that DNS takes time to update, so it may don't work at all at first. There is your system DNS cache too, ipconfig /flushdns flushes that cache.

When you ping juliantech.es you it should return your ip address, not ip address of domain provider.

You can screenshot your domain panel where you set type of redirection, it may help to see what types are available to choose the right one.

Edit: I can see that favicon started to work with iframe redirection (I guess it inherits somehow), but anyway iframe makes your url to be static, so if oyu enter worksop link url remain unchanged, it makes unable to link to your workshop directly. It is just example why iframe is bad solution.

Sign In

HTML help

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites

Link to post

Share on other sites

Link to comment

Share on other sites