Id links are not working when I click on one of them its navigate me to wrong heading or top of the webpage but not to that heading.
Example: When I click on link "#headingClimbing" its navigate me to heading with id "headingLead"
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Climbing
<br>
Lead
<h1 id="headingClimbing">Climbing</h1>
<h1 id="headingLead">Lead</h1>
</body>
</html>
I'm using the Bulma CSS Framework and I simply cannot get my site to be as responsive as their homepage.
The site is live. My < html > has the same font-size, and my dom structure is identical to bulma's main page. Yet mine looks awful on mobile.
Here's a snippet of my HTML page:
<html>
<body>
<section class="hero">
<div class="hero-body has-text-centered">
<div class="container">
<div>
<h1 class="title">Tiny Text!</h1>
</div>
</div>
</div>
</section>
</body>
</html>
<html class="route-index">
<body class="layout-default" style="zoom: 1;">
<section class="hero is-medium">
<div class="hero-body has-text-centered">
<div class="container">
<h1 class="title">Somehow big text?</h1>
</div>
</div>
</section>
</body>
</html>
Bulma's page:
My page:
You can test this through developer tools on chrome setting the viewport to mobile on both sites' main pages.
try adding this meta tag
<meta name="viewport" content="width=device-width, initial-scale=1">
This tells the browser to fit the page to the mobile screen, otherwise it gives you a 'desktop site' which is wider
I am working on creating a website with 000webhost.com. I made it entirely with HTML and CSS. I have a problem. If I run my website by simply opening the index.html file from my computer, he does it perfectly. the download button works whatsoever. but if I 'm going to hightechprogramming15.netne.net and I click on the download button, it downloads a different file called download.htm. Can anyone help me? Thanks in advance!
Here is my code:
<html>
<head>
<title>HighTechProgramming15</title>
</head>
<body>
<div id="container">
<div id="header">
<h1>HighTechProgramming15</h1>
<link rel="stylesheet" type="text/css" href="style.css">
</div>
<div id="content">
<div id="nav">
<h3>Navigation</h3>
<ul>
<li>Home</li>
<li><a class="selected" href="Page2.html">Downloads</a></li>
<br />
Link to my YouTube channel
</ul>
</div>
<div id="main">
<h2>Downloads Page</h2>
MessageBox Generator
<br />
</div>
</div>
<div id="footer">
Copyright © 2016 HighTechProgramming15
</div>
</div>
</body>
I had the same problem i think you'll have to put MessageBox%20Generator.exe in place for MessageBox Generator.exe and Maybe you'll have to put download attribute i
Hi I am using Mailer to send email to a customer when they purchase an item. The email sends with all details included but the css styling is not recognised. If I "open the html page with" google chrome the styling is fine.
_Layout.cshtml page:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="email-styles.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="head">
<div id="logo"><img src="../../Content/images/email/logo.jpg" /></div>
<div id="date">#ViewBag.DateNow</div>
</div>
</div>
You have to use inline stylings for html emails. Gmail in particular will not recognize CSS stylesheets and will strip them out. I personally haven't tried this tool but its from mailchimp so give that a go and see if your email works correctly.
http://beaker.mailchimp.com/inline-css
I am a noob at HTML.
I have a folder on my desktop with page1.html and page2.html.
This is an example of page1
<html>
<h1> Welcome
<title>Website
</h1>
<body>
<p> to page 2
</body>
Link
</html>
Whenever I open page1.html, It just says "Welcome", and "to page 2". There is no hyperlink. What am I doing wrong?
You are missing a </p> tag and the <a> tag should be inside the <body> tag.
<h1> tag is malformed as well. Remember, this is just like parentheses in math. If you open one then you need to close one.
<html>
<head>
<title>Website</title>
</head>
<body>
<h1>Welcome</h1>
<p>
Link to page 2
</p>
</body>
</html>
The A tag should be inside the body tags. You probably also want to close the p tag.
Try something like:
<html>
<head><title>Website</title></head>
<body>
<h1>Welcome</h1>
<p>to page 2 Link</p>
</body>
</html>
Try this. (remember to close your tags!)
<html>
<h1> Welcome
<title>Website </title>
</h1>
<body>
<p> to page 2 </p>
Link
</body>
</html>
You should close <title> with </title>. Fixing that will make the rest of the content show (demo).
As others are saying, you should also close your <p> tags, and move the <a> inside the <body>. Also, <title>Welcome</title> should be outside <h1>, and <h1> should be inside <body>.
It simpler to see with an example. The valid HTML would be:
<html>
<head>
<title>Website</title>
</head>
<body>
<h1>Welcome</h1>
<p>to page 2</p>
Link
</body>
</html>
See the result here.
Your <title> tag should go in your document's head and your content should all be inside the body. You also need to close all your tags.
Try this:
<html>
<head>
<title>Website</title>
</head>
<body>
<h1>Welcome</h1>
<p> To page 2: Link</p>
</body>
</html>
The title and everything the browser needs to understand the page is better suited to go in between the <head> </head> tags.
The content that has to be displayed in the browser viewport windows has to be in between the <body> </body> tags. As others have mentioned, most of the HTML tags require to be closed.
Also, the <!DOCTYPE> declaration must be the very first thing in your HTML document before the <html> tag.
<!DOCTYPE html>
<html>
<head>
<title>Website</title>
</head>
<body>
<h1> Welcome </h1>
<p> to page 2 </p>
Link
</body>
</html>
For a quick tutorial or help you can always refer the following website seen below. It's easy and fun. Best of luck!
http://www.w3schools.com/html/default.asp