I have an index.html page (homepage), where the word "login" is supposed to be linked to the login page (login.html). However, when I click "login", it shows the "file not found" message. I can't figure out why.
<!DOCTYPE html>
<html>
<body>
<header>
<p>Login
Sign Up </p>
<br/>
<h1 align="center"> Prototype Name </h1>
<h2 align="center"> Prototype Slogan </h2>
</header>
<nav>
<table id="menu">
<tr>
<td> Home </td>
<td > About Us </td>
<td> Support </td>
</tr>
</table>
</nav>
</body>
</html>
Edit: Somehow it started working after I erased the href and wrote exactly the same thing again.
Change href to if they are in the same folder.
<p>Login
Related
I am trying to get all pages to look the same and the DIVs connected.
Here is my code
footer{
height:auto;
padding:10px;
background-color:lightgray;
margin-right:auto;
margin-left:auto;
text-align:center;
}
article{
height:auto;
background-color:darkgray;
margin-right:auto;
margin-left:auto;
text-align:center;
}
h1,h2,h3,h4,h5,h6{
margin:0;
}
#wrapper{
width:80%;
margin-left:10%;
margin-right:10%;
border:2px solid black;
background-color:lightgray;
box-shadow: 10px 10px 5px #888888;
border-top-left-radius:18px;
border-top-right-radius:18px;
border-bottom-left-radius:18px;
border-bottom-right-radius:18px;
}
header{
height:140px;
background-color:lightgray;
background-image:url(logo1.png);
background-repeat:no-repeat;
background-position:20px center;
text-align:center;
border-bottom-left-radius:18px;
border-bottom-right-radius:18px;
}
nav{
height:40px;
background-color:lightgray;
margin-left:auto;
margin-right:auto;
text-align:center;
width:auto;
}
I expect all the corners to be rounded and all margins to be the same.
The result I receive is a top corner rounded but bottom not, the margins on one page are great, but there are none on another, border not showing up on certain. I am positive the page is linked. The background colors are not following.
Here's the link to my assignment:
https://iceconescafe.000webhostapp.com/index.html
I just want to let you know I fixed a majority of the issues, but the nav table is aligning different on most pages. Some pages don't have the div styling done yet so please focus on Kids Menu and Menu, as well as Index.
The issues are the margins on kids menu, and the nav table alignments, as well as the article not changing on testimonials (background).
Here is the html code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="icon" href="logo.png" type=" image/png">
<title> IceCones</title>
</head>
<body>
<div id="wrapper">
<header>
<h1 id="t" class="l"> Ice Cones Cafe </h1>
</header>
<nav>
<table id=navtable class="tr">
<tr>
<td class="td">Home</td>
<td class="td">Menu</td>
<td class="td">Kids Menu</td>
<td class="td">Nutrition</td>
<td class="td">Testimonials</td>
<td class="td">Order Online</h5></td>
</tr>
</table>
</nav>
<article class="setmin">
<br>
<img src="IceConesLog.jpg" border="3">
<br>
<blockquote>
<p >
Ice Cones Cafe, established in 1880, is the best ice cream joint in town! With desserts ranging from waffles to ice cream, Ice Cones only uses the purest ice from Antarctica. With our wide selection of foods, and our expertise chefs,
you will never leave unhappy. Only when you walk through our doors will you taste the best ice cream the world has to offer! </p>
</blockquote>
</article>
<footer>
<h4><b> Contact Information </h4>
<ul>
<li> Abdu Hijazi </li>
<li>contact_support#icecones.com</li>
<li>(313)962-7906</li> </b>
<audio autoplay loop>
<source src="ice.mp3" type="audio/mpeg">
</footer>
</div>
</body>
</html>
Ignore this (Next page Menu)
<html>
<head>
<link rel="icon" href="IceConesfavicon.ico" type=" image/png">
<link rel="stylesheet" type="text/css" href="index.css">
<title> Menu</title>
</head>
<body>
<div id="wrapper">
<header>
<h1 id="t"> Ice Cones Cafe </h1>
</header>
<nav>
<table class="tr">
<tr>
<td class="td">Home</td>
<td class="td">Menu</td>
<td class="td">Kids Menu</td>
<td class="td">Nutrition</td>
<td class="td">Testimonials</td>
<td class="td">Order Online</h5></td>
</tr>
</table>
</nav>
</tr>
<article>
<h2> Menu</h2>
<table>
<th colspan="3"> Menu </th>
<tr>
<th>Picture</th>
<th>Description</th>
<th>Price</th>
</tr>
<tr>
<td><img src="SnowConeMenu1.jpg"></td>
<td>The classic ice in a cup. Our Ice Cones come in flavors of lemon lime, blue berry, and cotton candy. This product is our cafe's specialty.</td>
<td>Small/$0.99 Large/$1.99</td>
</tr>
<tr>
<td><img src="IceCream.jpg"></td>
<td>Another famous classic using ice imported directly from the freshest and purest ice.
With our different flavors of chocolate, vanilla, buttermilk, and pistachio, there are various flavors to try. We also come up with new flavors weekly. </td>
<td>1 scoop/$1.50 2 scoop/$2</td>
</tr>
<tr>
<td><img src="BananaSplit.jpg"></td>
<td> The banana split features a combination of banana, whipped cream, sprinkles, and even a cherry on top. The best part however, is that
warm, melting chocolate syrup.</td>
<td>$2.99</td>
<tr>
<td><img src="OreoShake.jpg"></td>
<td> The classic American favorite of Oreo cookies mixed with milk. A tasty, chunky, cold recipe that your taste buds won't soon forget.</td>
<td>$2.50</td>
</tr>
</table>
</article>
<footer>
<h4> Contact Information </h4>
<ul>
<li> Abdu Hijazi </li>
<li>contact_support#icecones.com</li>
<li>(313)962-7906</li> </b>
</footer>
</div>
</body>
</html>
Kids Menu
<html>
<head>
<title> KidsMenu</title>
<link rel="icon" href="IceConesfavicon.ico" type=" image/png">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<header>
<h1 id="t"> Ice Cones Cafe </h1>
</header>
<nav>
<table class="tr">
<tr>
<td class="td">Home</td>
<td class="td">Menu</td>
<td class="td">Kids Menu</td>
<td class="td">Nutrition</td>
<td class="td">Testimonials</td>
<td class="td">Order Online</h5></td>
</tr>
</table>
</nav>
<article>
<h2>Kids Menu</h2>
<table>
<th colspan="3"> Kid's Menu </th>
<tr >
<th>Picture</th>
<th>Description</th>
<th>Price</th>
</tr>
<tr>
<td><img src="MiniWaffle.png"></td>
<td> Our chef specially makes these in sizes of 1/3 regular waffles. A great meal for you kid in the morning, or anytime.</td>
<td>$4.59</td>
</tr>
<tr>
<td><img src="SmoresKids.jpg"></td>
<td> These smores are a small, but tasty item for your kids. Includes chocolate syrup, marshmallows, graham crackers, and whipped cream. </td>
<td>$3.99 <br> with whip/$4.50</td>
</tr>
<tr>
<td><img src="FrozenHotChoco.jpg"></td>
<td> Although you're probably thinking warm at a ice cream place is crazy, we have added a frozen aspect to hot chocolate for your kids. They will love
the whipped cream and added syrup.</td>
<td>$3.50</td>
<tr>
<td><img src="KidsCrepe.jpg"></td>
<td> A small, warm crepe filled with whatever your child desires. Banana, Nutella, and strawberry are all viable options, along with
syrups and creams on top.</td>
<td>$4.99</td>
</tr>
<br>
</table>
<h1>Kiddie Activity</h1>
<br>
<img src="Danykmem84.png">
</article>
<footer>
<br>
<br>
<h4> Contact Information </h4>
<ul>
<li> Abdu Hijazi </li>
<li>contact_support#icecones.com</li>
<li>(313)962-7906</li> </b>
</ul>
</footer>
</div>
</body>
</html>
lastly, testimonials
<html>
<head>
<link rel="icon" href="IceConesfavicon.ico" type=" image/png">
<link rel="stylesheet" type="text/css" href="index.css">
<title> IceCones</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1 id="t"> Ice Cones Cafe </h1>
</div>
<div id="nav">
<table class="tr">
<tr>
<td class="td">Home</td>
<td class="td">Menu</td>
<td class="td">Kids Menu</td>
<td class="td">Nutrition</td>
<td class="td">Testimonials</td>
<td class="td">Order Online</h5></td>
</tr>
</table>
</div>
<div id="article">
<h2>Testimonials</h2>
<p> Below are some testimonials from our CEO and a trusted customer:</p>
<p> Testimonial~CEO Abdu Hijazi</p>
<video controls>
<source src="Test1.mp4" type="video/mp4">
</video>
<p> Testimonial~Satisfied Customer Sara Hijazi</p>
<video controls>
<source src="Test2.mp4" type="video/mp4">
</video>
</div>
<div id="footer">
<h4>Contact Information </h4>
<ul>
<li> Abdu Hijazi </li>
<li>contact_support#icecones.com</li>
<li>(313)962-7906</li>
</div>
</div>
</body>
</html>
1) Make sure the HTML you are applying your CSS to does not have any inline styling (style="...") or any embedded CSS already that is overriding your linked style sheet.
Or if their are other linked style sheets, consider removing them or making the main style sheet above the last link so it overrides any conflicting rules in the others.
2) If you still have issues, try using Chrome devtools (F12) or right-click on the page where it doesn't look right and select "inspect element". The right-hand side of the window that pops up shows how the browser is interpreting the CSS. So you can use that to debug why it's not showing up right.
3) And/or try adding the !important rule (What does !important in CSS mean?) to any rule in your style sheet that seems to be getting ignored. But it's generally better form to remove the overriding style rules in the HTML and/or fix any issues in your stylesheets
Hope that helps!
Clear your Internet Browser history and Cache from beginning of time, then test your web pages. If it doesn't work, check the 'class' and 'id' of CSS is given in proper way. Here you are not using class. To use class:
Example:
In CSS:
.nav{ }
In html:
<div class="nav"></div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<br/>
<table style="width:100%;">
<tr>
<td style="width:3%;height:60px; background-color:rgb(116,178,48);">
</td>
<td style="width:15%;align:center;font-size:28px;color:rgb(192,0,0);">
<center>Attention!</center>
</td>
<td style="width:82%; background-color:rgb(116,178,48);font-size:18px">
<font color="white"><b><center>Your registration request on the Landowners' Portal has been denied!
</center></b></font>
</td>
</tr>
</table>
<br/>
<table style="width:100%;">
<tr>
<td style="width:5%;">
</td>
<br/>
<td style="width:60%;">
<h4>Hi, </h4>
<p>Your request to register on the Landowners' Portal has been denied.
</p>
<p>Please contact the Land Services Team for any further queries.
</p>
Best Regards, <br/>
Land Services Team<br/>
JKS Resources<br/>
</td>
<td style="width:30%;align:center">
<div style="border: 1px solid #67bd45;">
<h1 style="font-size:17px;color:rgb(0,151,204);text-align:center;">Have any questions?</h1>
<a>
<center> <span class="glyphicon glyphicon-envelope"></span>1- 125-552-1972 </center>
</a>
<br/>
<a href="mailto:Payments#jks.com?" style="color:#337ab7;background:rgba(0, 0, 0, 0.00);font-style:italic" class="navLink">
<center><span class="glyphicon glyphicon-envelope"></span>Land-Lease-Payments#jks.com </center>
</a>
<br/> <br/>
</div>
</td>
<td style="width:5%;">
</td>
</tr>
</table>
</body>
</html>
I have an HTML email template and it is referring the bootstrap to load glyphicon images. The images are showing correctly when html file is opened.
But I am using this email template in ASP.NET Web API to send emails. After receiving the email, not able to see the Glyphicon images?
Please help..Web API - Code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="nav.css">
<link rel="stylesheet" href="layout.css">
<title>Grateful Papers: Home</title>
</head>
<body>
<!//-- Navbar -- Start -- Navbar -- Start --Navbar -- Start --Navbar -- Start --Navbar -- Start --Navbar -- Start -->
<table id="top_ta">
<tr id="top_tr">
<td id="logo">
</td>
<td id="menu">
<div id="links">
<h1>
 About Us |
 Shop |
 Home      
               
</h1>
</div>
</td>
</tr>
</table>
<!//-- Navbar -- End -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -- Ende -- Navbar -->
<!//-------------------- Body -------------------- Start -------------------- Body -------------------- Start -->
<div id="content_1">
<br>
<div id="content_image_1">
<img src="./img/product/productt.jpg">
<img src="./img/product/productg.jpg" ></a>
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
</div>
<table id="content_text_1">
<tr>
<td>
<center>
<h3>T</h3>
Our very own line.
</center>
</td>
</tr>
</table>
</div>
<div id="content_2">
<br>
<div id="content_image_2">
<img src="./img/product/productc.jpg">
<img src="./img/product/productk.jpg">
<img src="./img/product/products.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
<img src="./img/product/productcomingsoon.jpg">
</div>
<table id="content_text_2">
<tr>
<td>
<center>
<h3>Brands</h3>
Other.
</center>
</td>
</tr>
</table>
</div>
<div id="content_3">
<br>
<div id="content_image_3">
<img src="./img/buttons/paypal3.png">
<img src="./img/buttons/paypallock.png">
<img src="./img/buttons/paypal2.png">
<img src="./img/buttons/paypal.png">
</div>
<table id="content_text_3">
<tr>
<td>
<center>
<h3>About Us</h3>
happen.
<br><br>
We use.
<br> <br> <br> <br>
</center>
</td>
</tr>
</table>
</div>
<!//-------------------- Body -------------------- Ende -------------------- Body -------------------- Ende -->
</body>
</html>
I am trying to make the code below work.
<img src="./img/product/productt.jpg">
For some reason it doesn't create the link. I double check all the code.
I've had a few others double check all the code, to make sure i wasn't missing anything.
They say it is fine.
I deleted the file, and saved it again. I don't know the link isn't work.
Everything else works fine, and the navbar (shop,home,about us) works fine.
Any suggestions?
(also i did uploaded it to the server and doesn't work on there)
Sorry this is so stupid of a question, but if anyone can spot something let me know. I would be grateful!
<a href="shop">
should be
<a href="shop.html">
If the hyperlink that is not working is the first one after the body comment, I can help.
The line reads like this: ....
When you click on this link, the webpage will try to find a file called shop in the same directory as the webpage. This file it is looking for would have no file extension.
I am assuming the file you are looking for is called shop.html, which is in the same directory as the current webpage.
Your code should read: ....
I hope this helps!
I am creating pdf using HTML
i want to give style to input type but it is not working.
I have following code
$data='<!DOCTYPE html>
<html>
<head>
<style>
.formcontent{margin:0 auto;width:800px;}
.inputType{border-top:0px;border-bottom:1px solid black;border-left:0px;border-right:0px;width:25%;}
.custom_para{display:inline;}
.content{
margin-top: 4%;
text-align:justify;
text-justify:inter-word;
}
</style>
</head>
<body>
<div class="formcontent">
<table width="800px">
<tr>
<td>
<table width="800px">
<tr>
<td colspan="3">
<h1 style="text-align:center;">LEASE</h1>
<h2 style="text-align:center;"> LEASE LEASE LEASE LEASE</h2></td>
</tr>
<tr>
<td colspan="3">
<p class="custom_para">This Rental Agreement or Residential Lease shall evidence the complete terms and conditions under which the parties</p>
<p class="custom_para">whose signatures appear below have agreed. Landlord/Lessor/Agent,<input type="text" class="inputType">,shall be</p>
<p class="custom_para">referred to as "OWNER" and Tenant(s)/Lessee,<input type="text" class="inputType">,shall be referred to as</p>
<p class="custom_para">"RESIDENT." As consideration for this agreement, OWNER agrees to rent/lease to RESIDENT and RESIDENT</p>
<p class="custom_para">agrees to rent/lease from OWNER for use solely as a private residence, the premises located at <input type="text" class="inputType"></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>';
require_once('mpdf.php');
$mpdf = new mPDF();
$b=stripslashes($data);
$mpdf->WriteHTML($b);
$mpdf->Output();
i am giving style on html input type it is working on html page but
when I put it to mpdf for styling its not working
please help
I had the same issue for designing the page through MPDF library
but unfortunatelly mpdf library does not supports all designing(css/tags)
it supports basic html tags and styling to design mPDF.
i am generating a word doc. but in the last page footer is displaying in body and footer. i am using the code given bellow
<apex:page standardController="opportunity" extensions="BES_Quote_DOC" contentType="application/msWord" cache="true" standardStylesheets="false">
<head>
<style>
#page {mso-footer:f1;}
div.Section1{page:Section1;}
p.MsoFooter, li.MsoFooter, div.MsoFooter{
mso-pagination:widow-orphan;
tab-stops:center 216.0pt right 432.0pt;}
</style>
</head>
<body>
<div class="Section1">
<apex:form id="hidDiv">
<table>
<tr>
<td>abcd</td>
<td>efgh</td>
</tr>
<tr>
<td>ijkl</td>
<td>mnop</td>
</tr>
<tr>
<td>qrst</td>
<td>uvwx</td>
</tr>
</table>
</apex:form>
<div style="mso-element:footer" id="f1">
<p class='MsoFooter' align="left" style="font-size: 10px">this is footer</p>
</div>
</div>
</body>
</apex:page>
i dont want the footer in body . what should i do.
thanks.
I'm guessing that you got this code and embedded it directly to your file. The headers and footers should be placed in a separate file. This link enabled me to understand more of how headers and footers should be placed.
[http://sebsauvage.net/wiki/doku.php?id=word_document_generation][1]