how to hide div while showing aspx file in diff aspx file - html

<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

Related

Setting an icon from inside a frameset

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.

how to give css link to HTML code?

my code
<html>
<head>
<title></title>
<link rel="style" href="style.css">
<script language="javascript" src="JS/CommonCharFunction.js"> </script>
</head>
<body>
code
</body>
</html>
but my code is not working.i have to include style to html form
how to include inline css

If you want to add css inline, you can try the style tag inside the head tag: http://www.w3schools.com/tags/tag_style.asp

You can include inline style by adding a style attribute to an element like so:
<body style="background-color: white;">
But I think you need to ask about how to add an external style sheet.
<link rel="stylesheet" type="text/css" href="Content/style.css">
Of course you can also use the embedded style
<title></title>
<style>
body{
background-color:white;
}
</style>

<html>
<head>
<title></title>
<link rel="style" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" src="JS/CommonCharFunction.js"> </script>
</head>
<body>
code
</body>
</html>
Pay attention to the link-tag
<link rel="stylesheet" type="text/css" href="style.css" />
the attribute rel must have the value stylesheet
the attribute type must be given and the value must be text/css

how to hide html5 player for ipad on done button click

I am playing vide in ipad it is working fine but i want that when user enter done button player should close any idea how to do this. i am using following code.
<!DOCTYPE html>
<head>
<meta charset=”utf-8″>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<title>My Video</title>
<link rel=”apple-touch-icon” href=”icon.png” />
<style>
body {margin:0;}
</style>
</head>
<body>
<video width=”1024″ height=”750″ controls=”true”>
<source src=”videos/test.m4v” />
</video>
</body>
</html>

You can find FULL CODE here
<!DOCTYPE html>
<head>
<meta charset=”utf-8″>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<title>My Video</title>
<link rel=”apple-touch-icon” href=”icon.png” />
<script>
function onClickDone(){
document.getElementById('myvideotag').pause();
document.getElementById('myvideotag').style.display = "none";
}
</script>
<style>
body {margin:0;}
</style>
</head>
<body>
<button onclick="onClickDone()">Done</button>
<video id="myvideotag" width=”1024″ height=”750″ controls=”true”>
<source src=”videos/test.m4v” />
</video>
</body>
</html>

Why is my HTML page's title showing up as plain text on the page?

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"/>

Why the frames are not visible with this code?

<html>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
<body>
<frameset cols="10%,60%,30%" border="0" framespacing="5" frameborder="0">
<frame src="leftpane.htm" name="left_frame" scrolling="no" />
<frame src="middlepane.htm" name="middle_frame" scrolling="no" />
<frame src="rightpane.htm" name="right_frame" scrolling="no" />
</frameset>
</body>
</html>
The file leftpane.html contains following code:
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="generator" content="Studio 3 http://aptana.com/">
<meta name="author" content="RP">
<!-- Date: 2010-10-22 -->
</head>
<body>
<div id="PhotoBox-Outline" style = "top: 50px; left: 50px">
<div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
</div>
</div>
<div id="PhotoBox-Outline" style = "top: 280px; left: 50px">
<div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
</div>
</div>
</body>
</html>
The same code was working when the above div s were in the first code and when I had not defined frameset.

When you use frameset you use it instead of body. Just remove your body and /body tags in the main html file.
http://www.w3.org/TR/html4/present/frames.html
"A standard document has one HEAD section and one BODY. A frameset document has a HEAD, and a FRAMESET in place of the BODY."

In the first example with the frames;
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
should probably look like;
<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
</head>
Also in the left pane;
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>
I believe it is best practice to put the style sheet within the head tag;
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
See http://www.w3.org/TR/html401/struct/links.html for an example.