Connecting pages through index.html within the hosting file manager directory

I have just started my coding journey and recently signed up for ipage hosting. After uploading my .html files to a directory named "Website", I encountered an issue while trying to link multiple pages to the index.html home page. I tried using the code

  • Blank
    • for each file, but it didn't work as expected. Another attempt with 
    <li><a href="/website/page2.html">Blank</a></li>
    also failed. Whenever I clicked on a link from the index.html page, a "Page Not Found" error message would appear, suggesting that the page was removed or temporarily unavailable. Despite trying different solutions, such as checking the spelling and using search engines like Google, I remain stuck in this predicament. Any assistance would be greatly appreciated!

    htmlcss

    Answer №1

    There are instances where not only the directory name is case sensitive, but it could also be that the Website directory serves as your website's root directory. In order to determine which link works, I would suggest placing these links in the index.html file and testing them:

    <li><a href="/Website/page2.html">Blank</a></li> 
<li><a href="/page2.html">Blank</a></li> 
<li><a href="page2.html">Blank</a></li>

    Answer №2

    It appears that your files are all located in one central folder. If this is the case, you can easily follow these steps:

    <li><a href="page2.html">Blank</a></li>

    Having /Website/ in the same directory is unnecessary and may cause errors in your code.

    Answer №3

    Have you thought about eliminating the first slash from your link?

    Consider changing your hyperlink to:

    <a href="website/page2.html">Click Here</a>

    Keep in mind that directory and file names are case sensitive.

    Similar questions

    If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

    Buttons and JavaScript: A Comprehensive Compilation

    I'm facing an issue with my HTML buttons and JavaScript. When a button is clicked, an AJAX call should be triggered to display data. However, JavaScript seems unable to detect the button. Below is the HTML code: <ul> <li><input ...

    javascripthtmlajax

    Creating a zebra-striped list using CSS can be done by styling even and odd list items differently

    I am facing an issue with Angularjs and the table tag when using group loops. The problem arises in achieving correct zebra striping for the list. How can I solve this to ensure the zebra pattern is applied correctly? <table> <tbody> <tr ...

    cssangularjs

    Disable location prompt feature when using AngularJS with Maps API

    For my web application, I developed a feature that includes a map with custom markers using Angular loops: <map data-ng-model="mymap" zoom="4" center="[38.50, -95.00]" style="heigth:375px"> <div ng-repeat="item in list"> <marker pos ...

    javascriptangularjshtmlgoogle-mapsgoogle-maps-api-3

    Challenge in creating a responsive layout using Bootstrap framework

    I'm working with Bootstrap, but I'm struggling to achieve the desired layout. My goal is to have the design adapt like this on different screen sizes: ---------------------- Headline | | | image | ----------| | B ...

    csstwitter-bootstrap

    How to style text in CSS with a numbered underline beneath

    Is there a way to apply underlining to text and include a small number underneath the underline in a similar style shown in this image, by utilizing css, html, or javascript? ...

    javascripthtmlcssunderline

    Incorporating a partial view within a view through AJAX requests

    I am attempting to update a partial view within a view upon form submission, but I am facing issues where the partial view renders as a normal view instead. Can anyone help me identify the mistake in my code? Controller: public ActionResult ChangeHeatNam ...

    c#htmlajaxasp.net-mvc

    I am looking to improve my form submission process by using JavaScript to only submit the form itself, rather than the

    I have integrated JS and HTML code. The issue I am facing is that upon submission, the entire page is being submitted instead of just my form. function submit_by_id() { var name = document.getElementById("name").value; var email = document.getElementByI ...

    javascripthtmlcssajaxflask

    Simultaneously scrolling left and fading in with jQuery

    I've come across this code that works well in scrolling my divs to the left. However, I'm looking to add a fading effect while they are scrolling. Is there a way to achieve this? $('div#line1').delay(1000).show("slide", { direction: "r ...

    jquerycssjquery-ui

    Using regex in PHP to wrap the <ul> tag with <div> is a useful technique

    My html snippet looks like this. <ul style="margin-left: 240px;"> <li>One</li> <li>Three <ul> <li>dfdf</li> </ul> </li> <li>dfds</li> </ul> ...

    phphtmlregex

    What is the best way to resize an image in HTML based on a percentage of its height?

    Within my HTML code, I have a PNG image that has been adjusted in size using CSS: .adjust-image { border:1px solid #021a40; display: block; width: auto; max-width: 100%; max-height: 1000px; } .img-container { position: relative; } ...

    htmlcssimage

    The dd accordion feature seems to be malfunctioning as it is not working as expected

    I'm having an issue with a ddaccordion setup on my website. It seems to stay open all the time instead of functioning as expected. I've double-checked that the correct library is being called and there are no error messages in the console. To tr ...

    javascriptjqueryhtml

    The alignment of the navigation menu disrupts the functionality of the dropdown sub-menus

    I'm finding it challenging to center the navigation menu while maintaining the functionality of the drop-down li elements. Here is my demo: http://jsbin.com/tosayosino/1/edit?html,css,js,output Removing the float:left; property from .jetmenu li succ ...

    jqueryhtmlcss

    When CSS Display table is resized at media query breakpoints, it causes other cells to disappear

    This is a discussion on creating a responsive image gallery website with images of different sizes and no margins or paddings. The issue at hand is that the .showcase class hides at a specific @media breakpoint when resizing, but there is a desire to displ ...

    htmlcssresponsive-design

    JQuery hover functionality

    What modifications are needed in the code below to display a div on the right side of the hyperlink when the onmouseover event occurs? <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> ...

    jqueryhtmlcssmouseover

    Getting the Right Value: A Step-by-Step Guide to Setting the Default or Selected Value in

    When creating directive form controls (text, select, radio), I am passing a value to the directive function. If this value is not set or empty, then the default value should be taken from the question data._pageAttributes.defaultValue. HTML <div ng-re ...

    javascriptjqueryhtmlangularjs

    What is the alternative method for submitting a value in a <select><option> without using a submit button?

    Below is the code snippet I am working with: <form action="?sort=SELECTEDVALUEHERE" method="GET> <select> <option value="1">Option 1 </option> <option value="2">Option 2 </option> <option value="3">Option 3 < ...

    javascriptphpjqueryhtmlforms

    Guide to removing text color from a background with css or javascript

    Is there a way to achieve the effect shown in this image on my HTML page: http://prntscr.com/b912c0? I've attempted using mix-blending modes, but haven't been successful in recreating the desired result. Any tips or tricks for accomplishing this ...

    jqueryhtmlcss

    Iterate through a list of items using ngFor directive in Angular, and

    How can I apply an active class to the selected item in a ngFor loop without toggling it on every item? <div class="mb-2 item rounded bg-white border" *ngFor="let item of keys(); let i = index" (click)=&qu ...

    htmlangular

    The functionality of jQuery field validation is impaired when interacting with Chrome's autofill feature

    Despite adding the autocomplete="off" attribute to both the form and inputs using html5, I'm still unable to prevent Chrome autofill from interfering with the form submission process. In addition to this issue, I have implemented a basic jQuery field ...

    jqueryhtmlgoogle-chrome

    Eliminate resistance on HTML components

    Have you ever noticed that when you click on an HTML element, such as images, you can drag a "shadow version" of them around on the screen? For example, take the Stack Overflow logo. If you click and drag it, you'll see a dark version of the logo mov ...

    javascripthtmlcss