My hyperlink isn't functioning properly in my HTML code, and I can't determine the reason why.
<div class="banner-text">
<ul>
<li><h3><a href="chawla.html">HOME</a></h3></li>
</li><h3><a href="about.html">ABOUT US</a></h3></li>
</li><h3><a href="cont.html">CONTACT</a></h3></li>
</li><h3><a href="stud.html">STUDENT's CORNER</a></h3></li>
</ul>
<h1 class="big">CHAWLA CLASSES</h1>
</div>
Make sure to validate your code using a validator tool.
Remember, only <li> elements can be direct children of <ul> elements.
Ensure that the links are placed inside the list items and not the other way around.
Additional Points:
text-transform property.You might want to consider making the following changes:
<ul>
<li> <a href="chawla.html">Home</a> </li>
<li> <a href="about.html">About Us</a> </li>
<li> <a href="cont.html">Contact</a> </li>
<li> <a href="stud.html">Student's Corner</a> </li>
</ul>
UPDATE: After double-checking, it seems that the changes have been successfully implemented. Here are a couple of screenshots for reference:
Insert the anchor tag within the <li> element. If it's not functioning, access the developer console to troubleshoot.
I am trying to figure out how to populate a drop down list (also known as a Select element) with data from a SQL Server query. The goal is to fill the list with results from Select storeName from storeinfo, which should give around 30 items that I want di ...
I am in need of assistance with cloning a DIV in order to prevent data duplication. This is something I frequently need to do across several pages and I don't want to make major structural changes. My goal is to clone the mApageLeft DIV with the clas ...
While scrolling down the .parent div, you should notice that its red background appears at the bottom due to the padding-bottom property. Interestingly, this effect is visible in Chrome but not in Safari and Firefox. .container { display: flex; widt ...
I'm working on a project where I want the calendar to display the date that the user picks. Right now, my "{{date}}" is in the format 2016-01-11, but it keeps showing one day before the selected date. I would like it to display as mm/dd/yyyy. I belie ...
Is the image proportion relevant to the issue at hand? <style> .img1:hover { background-image: url({%static 'images/img2.gif' %}); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backg ...
Is there a way to filter tasks in a table using only specific attributes provided in the table? Currently, when I enter a search term in the search bar, tasks are displayed even if they have attributes that match the input but are not displayed in the na ...
I started using VueJS just a week ago for a new project. During this time, I have successfully created two components: * Account.vue (Parent) <!--This snippet is just a small part of the code--> <e-textarea title="Additional Information" ...
Having some trouble with my jQuery ajax code while working on it in Firebug. I keep getting a ReferenceError: jQuery(document).ready(function() { jQuery('.my-div').click(function(e){ e.preventDefault(); var href = jQuery(this).attr(& ...
I have implemented the history.js library to enable backward and forward browser navigation on an AJAX products page triggered by clicking on product categories. While I have managed to get this functionality working smoothly, I am facing a particular iss ...
I'm trying to format a form according to my UI/UX specifications, where there is a parent label and two sub-labels. Can this be achieved using Bootstrap? https://i.stack.imgur.com/J8wJZ.png However, I'm struggling to align the columns and rows ...
I'm having some trouble creating an HTML form with mandatory input fields. The code I have so far is shown below: <div class="col-sm-6"> <label for="city" class="form-control">City ...
As I work on constructing my website, I am incorporating various sounds to enhance user experience when interacting with buttons and other elements. However, managing multiple audio files has proven challenging, as overlapping sounds often result in no aud ...
I am utilizing the bootstrap 4 alpha 6 version in my project. On my page, I have multiple blocks that I would like to expand/collapse by clicking on a main button (with the id of 'expand-collapse'). Additionally, each block has its own individual ...
I have a Bootstrap Laravel page where I need to compare the database date with the current date. If it is less than 1 day, I want to add a class. @elseif( ($order->order_date, strtotime('now - 1day')) < date('yy-m-d') ) ...
Is there a way to submit an image file to php using ajax without assigning the file to a variable with onchange event? I've tried triggering the request on submit click, but keep getting the error message: "cannot read property 0 of undefined." <ht ...
While working on designing a sidebar for a ToDo page using Tailwind CSS, I encountered an issue with implementing a toggle button for switching between dark mode and light mode. In order to achieve this functionality, I borrowed the toggling code snippet f ...
Within a page filled with various widgets, I am facing an issue where I need to override the container class for a specific widget. However, the problem is that all widgets with the same class name are being impacted. Attached below is a screenshot from in ...
I'm looking to utilize Material UI to set a maximum height of 500px for the TableBody within my Table. If there are rows that exceed this height, I want the TableBody to scroll vertically while keeping the TableHead fixed in place. https://i.sstatic. ...
After adding a dropdown and label within a div, I expected them to hide and unhide when the div is manipulated with a function. However, it seems that this functionality is not working as expected. function ToggleDiv(DivID) { if (document.getElementBy ...
Hey there! I have a quick question - Is it possible to have multiple mdl-sheets on one page that all share the same form? I tried implementing this but ended up with them overlapping each other instead of displaying next to each other from left to right. ...