using uploaded html file

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi,
I'm using my Yola Silver (upgraded gybo.ca account) as a dynamic add on to my existing website, which I can't dynamically change, and any change costs too much money. It's a complicated situation that isn't easily avoided.

My Yola site is promotionalproductstore.ca
My external existing site is adcommpromotions.com

I'm currently working on editing the html/graphics on the external site so the two websites look and feel the same and such.

What I have done is moved some of the content to a header.html file, which I intend to have hosted on Yola, this way I can make changes to it. I would like to also use this file in the header of my Yola site (which would minimize the lines of code currently used).

My problem is I seem to be able to upload html files with the File Manager, but the file doesn't seem to be accessible at http://www.promotionalproductstore.ca...

I just get a 404 error. Is this because I have not published my changes, or because of the security restrictions with html files? Why allow me to uploade it, if I can't use it?

Thanks,
Daniel
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Daniel,

The reason why you can't see the file is because you didn't publish your changes and you're going to the wrong URL. You'll have to publish your changes and go to this URL instead:


http://www.promotionalproductstore.ca/resources/header.html



Also, when linking to a file in your file manager in your site in Yola, you don't have to put your URL, all you have to do is this:


resources/header.html



Please let me know how this goes.

Kind regards,
Nathan
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes
Thats great! I have the header.html file working now, it's made my site tracking header code much simpler (currently using a single cell table with an iframe, but will move it to a div as apparently iframe is apparently now depricated (and I just taught myself iframes since I only knew how to use old style frames which are long deprecated).

My only problem now is header.html has some inlince CSS and JavaScript which is working, however it doesn't seem to load the linked CSS file so it doesn't display my secondary menu properly.

I've uploaded all the neccessary files as such
http://www.promotionalproductstore.ca... (external CSS file)
http://www.promotionalprodcutstore.ca... (folder with all the images called by the CSS file)

the CSS file is called by:

<link rel="stylesheet" href="resources/menu/menu_style.css" type="text/css"/>
</head>


and then the menu is built by the following code:

<div class="menu bubplastic horizontal orange">
<ul>
<li><span class="menu_r"><a href="http://www.promotionalproductstore.ca/" target="_self"><span class="menu_ar">News & Notes</span></a></span></li>
<li><span class="menu_r"><a href="http://www.promotionalproductstore.ca/daily-and-weekly-specials.php" target="_self"><span class="menu_ar">Daily & Weekly Specials</span></a></span></li>
<li><span class="menu_r"><a href="http://www.promotionalproductstore.ca/testimonials.php" target="_self"><span class="menu_ar">Testimonials</span></a></span></li>
</ul>
<br class="clearit"/>
</div>


I appologize for the lack of indentation in the code, I'm not sure how to indent in this text box.

Did I do something wrong with linking the CSS file?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Daniel,

Sorry that I never replied. I don't think I ever even got an email notification about it. Hmm.

For the second URL, you put "prodcut" instead of "product" in the domain.

Also, do you know why is there a </head> tag in the link code? This should be your code without any head tags:


<link rel="stylesheet" href="resources/menu/menu_style.css" type="text/css"/>



Kind regards,
Nathan
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Daniel,

I see the link that you are referencing: http://www.promotionalprodcutstore.ca/resources/menu/images does not open up. Please check that you are using the correct URL in your coding!
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes
Hi, thanks for the replies.

The link above in my post is a typo, it should be http://www.promotionalproductstore.ca...

I can load the images with direct links such as: http://www.promotionalproductstore.ca...

Nathan, the was included to show the location of the link tag being at the end of the section.

Right now the menu is being displayed as a standard unordered list, the CSSis not having any affect.
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes
I figured it out, I had the link as

<link rel="stylesheet" href="resources/menu/menu_style.css" type="text/css"/>


instead of:

<link rel="stylesheet" href="menu/menu_style.css" type="text/css"/>


header.html is already in the resources folder.

Thanks for all the help, only problem is IE doesn't follow the CSS properly (link text is blue instead of white), Firefox and Chrome handle it properly, bit I don't think you guys can help with that can you? The same code seems to work on some of my local copies of various revisions of my code, and sometimes it doesn't. There's simply no consistency in IE
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes
IE seems to want to render header.html in Quiks mode instead of IE 8 Standard mode.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
HI Daniel,

I'm glad you got it to work!

Regarding the link color, try using this:


a:link {
color:white;
}

a {
color:white;
}



Maybe that'll make IE want to listen. (IE is a bad listener when it comes to code, LOL)

Kind regards,
Nathan
Photo of Daniel

Daniel

  • 19 Posts
  • 0 Reply Likes
Hi Nathan,

Thanks for the help, that didn't really do anything, however what you did was point me in the right direction. I think what was happening was FF and Chrome (and I assume Safari, have not tested it) would only use the CSS from the CSS file. However it appears the inline CSS takes priority over the linked CSS in IE, so I took out all the anchor related code in the inline CSS, and it now behaves.

My only question now is why IE and FF insist on rendering the page in Quirks mode instead of standards mode.

I'll have to look into W3C validation and my doctype I guess.

Thanks again!

Daniel
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Please do let us know what you find! :)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Daniel,

If anything still doesn't work, you could use the !important in your CSS. Like this:



a:link {
color:white !important;
}

a {
color:white !important;
}



That'll make it white no matter what any other CSS on the page says.

Sincerely,
Nathan