I am using GoDaddy to have a mask of my website. When a user goes directly to the actual address of the site, the icon shows in the browser tab. When they go to the GoDaddy address, it doesn't show.
GoDaddy uses a <frameset> to perform the mask. The icon is set through <link href="http://THEACTUALADDRESS/favicon.ico" rel="icon" type="image/icon">. When I go to the link http://THEACTUALADDRESS/favicon.ico, the icon can be seen; that's not the problem.
Is it possible to set the website's icon from within a <frameset>? I have tried to use target="_top" inside the <link> but that does not fix the issue.
This is the code returned from the GoDaddy address:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>THEACTUALADDRESS</title>
</head>
<frameset rows="100%,*" border="0">
<frame src="http://THEACTUALADDRESS" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>
<!-- pageok -->
<!-- 12 -->
<!-- -->
</html>
And the code at http://THEACTUALADDRESS/:
<html>
<head>
<link rel="icon" href="http://THEACTUALADDRESS/favicon.ico" type="image/icon" target="_top"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700|Roboto:300" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
...the rest of the page
I needed to put the code in the framset index.html AND use a favicon.PNG. Then the icon appears in the framset AND at the actual site.
Related
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" type="text/css" href="StyleSheet.css"/>
<link rel="stylesheet" type="text/css" href="StyleSheet.css"/>
</head>
<body>
<form id="form1" runat="server">
<iframe src="../biceps2.aspx" width="100%" height="250">
<p>Your browser does not support iframes.</p>
</iframe>
</form>
</body>
</html>
I want to hide some content in div inside biceps2.aspx file
I want to hide some of exercises from this part if the user is beginner or intermediate
I am using the W3C validation service report on my code, and I keep getting an error saying "Stray end tag "head", but I can't see what the problem is? My head contains a title and an opening and closing tag? is there perhaps a self-closing child element that influences the parent container? Or something else that I am missing?
<!DOCTYPE html>
<html lang="en">
<head class="page-head">
<meta charset="utf-8">
<meta name="Tobias' Portfolio" content="This is the portfolio website that Tobias Rasmussen has developed during his first weeks as CareerFoundry.">
<title>Home</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"> <!-- This link goes to a CDN (Content dilivery network), downloading a file that resets/normalizes the client's CSS. THIS MUST COME BEFORE THE LINK TO OUR STYLESHEET! -->
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght#0,400;0,700;1,400&display=swap" rel="stylesheet"> <!-- This tag embeds the roboto condensed font from Google Fonts onto my HTML file. Note: it is important to put BEFORE the link to the styles.css -->
<link rel="stylesheet" type="text/css" href="css/style.production.css"> <!-- The link to the external stylesheet-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--viewport tag-->
<div>
<header class="page-header">
<img src="img/my_logo.png" alt="Logo with the name Tobias Rasmussen in a black font on a white background" class="page-header__item page-header__logo">
<nav class="main-navigation page-header__item">
<ul role="menubar" class="navigation-list">
<li role="presentation">
Home
</li>
<li role="presentation">
About
</li>
<li role="presentation">
Contact
</li>
<li role="presentation" >
My Work
</li>
</ul>
</nav>
</header>
</div>
</head>
Your head tag should not end at the bottom, as it should not contain the header and other tags, that should be contained in the body.
The element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag.
Metadata is data about the HTML document. Metadata is not displayed.
Metadata typically define the document title, character set, styles, scripts, and other meta information.
The following elements can go inside the element:
<title> (required in every HTML document)
<style>
<base>
<link>
<meta>
<script>
<noscript>
You can read more about it here: https://www.w3schools.com/tags/tag_head.asp
A basic html example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
I'm stuck in the first few steps of developing a very basic static website. I began by typing out my header and then I created a main.css file in a css directory and I set the body background color as a test to verify that the link is working. When I preview index.html in the browser, I'm not getting a color for the body but I'm also getting the text of my link showing up above the header. I believe I'm following the right protocol and can not figure out why this is. Any ideas? T.I.A.
File structure:
css
main.css
normalize.css
index.html
Browser preview:
rel="stylesheet" href="css/normalize.css"> rel="stylesheet" href="css/main.css">
Quiet Woods
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Quiet Woods </title>
<link> rel="stylesheet" href="css/normalize.css">
<link> rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<h1> Quiet Woods </h1>
</header>
</body>
</html>
You must remove the > character:
<link rel="stylesheet" href="css/normalize.css">
I want to add a html5 slider to a webside instead of a flash slider that i have on my website but when i insert the html5 slider it does not show on the website i want to specific that the website was not created by me
link download website
http://www35.zippyshare.com/v/TOkalFb5/file.html
What i want to do is to put the slider that is in slider.html in index.html instead of that slider with that bmw picture
Please i'm disperated i want to tell that i dont know very well webprograming
you have some errors in your page.
First of all the scripts order :
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Slider, Hi Slider, Simple HTML5 Slideshow, Free js slider" />
<meta name="description" content="Slider created with Hi Slider which enable you to publish responsive jQuery image slideshows, seamless WordPress slider plugins, amazing website sliding banners and fancy JavaScript slideshow presentation" />
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/tms.css">
<script type="text/javascript" src="sliderengine/jquery.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.equalheights.js"></script>
<script type="text/javascript" src="sliderengine/jquery.hislider.js"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'> <img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
And next, you need a height in pixel on this line :
<!----begin------Insert to your webpage where you want to display the slider-->
<div id='hislider1' style="max-width:960px; max-height:360px; height:500px; margin: 0 auto;">
And be careful, you replace your metadata by the slider's one.
Here your files with the correct syntax : http://www65.zippyshare.com/v/DnLpAt9O/file.html
Its difficult to understand what you asked for, but if you want html5 slider please take a look at Bxslider - http://bxslider.com
You can create something similar to your slider.
The title does show up in the browser's title bar as expected, but it also shows up as text on the first line of the Web page. Here's the HTML. What gives?
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">
<title>User pics</title>
</head>
<body>
<img src="http:/blah.s3.amazonaws.com/1xrfnyf08goxpsda1mhs.jpg">
</body>
</html>
Try
<!DOCTYPE html>
<html>
<head>
<title>User pics</title>
<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<img src="http:/blah.s3.amazonaws.com/1xrfnyf08goxpsda1mhs.jpg" alt="" />
</body>
</html>
You can not define link tag outside html tag.
If you have
*{
display:block;
}
in your CSS file make sure to remove it because that will cause the title to show up
remove css reference and check it once.. may be the issue with css
You need to properly close the link tag above.
You have
<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">
it should read
<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8"/>