Can this Coding be in More Simple Way

**creative1977** · 03-27-2021, 03:16 PM

Can this Coding be in More Simple Way?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" />

<title>Articles</title>

<meta name="description" content="#" />
<meta name="keywords" content="#" />

	<style type="text/css">
	
body {
				margin-top: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				margin-right: 0px;
				background-color: #374756;
}

#MainContainer01 {
				width: 1240px;
        		margin: 0 auto;
        		/*padding: 20px;*/
        		/*background: #000000;*/

}
.Header {
				font-family: Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				text-align: center;
				font-size: 25pt;
				background-color: #00005E;
				line-height: 75px;
}

.HREFNoBorder {
				border-width: 0px;
}
.FL {
				width: 310px;
				float: left;
				text-align: center;
				padding-bottom: 30px;
				height: 381px;
}
.gap {
				line-height: 35px;
				height: 35px;
				color: #FFCC00;
				font-family: verdana;
				font-size: 12pt;
				background-color: #00005E;
				text-align: left;
				padding-left: 20px;
}
.Edition01 {
				line-height: 30px;
				font-family: Arial;
				font-size: 12pt;
				background-color: #FFFF00;
				text-align: right;
				width: 286px;
				padding-right: 15px;
				position:relative; left:4px;
}
.CopyRightSegment {
				font-family: Verdana;
				font-size: 12pt;
				color: #FFFFFF;
				height: 35px;
				text-align: center;
				width: 100%;
				background-color: #4F4F4F;
				clear: both;
				line-height: 35px;
				margin: 0 0px 0 0px;
}
.Testing {
				width: 300px;
				height: 50px;
				background-color: lime;
				position: relative;
				left: 80px;

</style>
</head>

<body onLoad="goforit()">
	<div id="MainContainer01">
		 <div class="Header">- Articles -</div>
		 <div class="gap">Time JavaScript</div>
<div style="background-color:white">
<div class="Testing"></div>
</div>
		 <div class="FL"><div class="Edition01">TITLE 01</div><a target="_blank" href="#">
						<img alt="#" longdesc="#" src="https://www.robertluff.co.uk/uploads/files/renting_with_pets_banner_image_341.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
		 <div class="FL"><div class="Edition01">TITLE 02</div><a target="_blank" href="#">
						<img alt="#" longdesc="#" src="https://post.healthline.com/wp-content/uploads/2020/09/1867-Pets_Vaccination-1296x728-header-1200x628.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
		 <div class="FL"><div class="Edition01">TITLE 03</div><a target="_blank" href="#">
						<img alt="#" longdesc="#" src="https://m.economictimes.com/thumb/msid-72951938,width-1200,height-900,resizemode-4,imgsize-579705/the-owners-can-also-make-a-few-changes-like-increasing-or-decreasing-a-specific-substance-it-is-better-to-minimise-treats-during-this-season-as-it-contributes-to-the-weight-.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
		 <div class="FL"><div class="Edition01">TITLE 04</div><a target="_blank" href="#">
						<img alt="#" longdesc="#" src="https://images.theconversation.com/files/319652/original/file-20200310-61148-vllmgm.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=754&fit=clip" width="301" height="381" class="HREFNoBorder" /></a></div>
		 	     															
    </div>
         <div class="CopyRightSegment">© Copyright Segment</div>
</body>
</html>[/HTML]

**coothead** · 03-27-2021, 09:07 PM

Hi there creative1977,

and a warm welcome to these forums.

Can this Coding be in More Simple Way?

Well, I don't know if you will find this example to be more simple,
but what I can say, is that you will find it more versatile, as it will
work very well on both PC and Mobile devices.

Page Reworked file:-

creative1977.zip

coothead

**creative1977** · 03-28-2021, 03:55 PM

Hi coothead,

Thanks a Bunch for your Warm Welcome

I Checked the Reworked in Computer. It's Looks Perfect and Great! Thank you So Very Much for making it Compatable for PC and Mobile Devices. Is it Possible to Secure the File with a Password?

**creative1977** · 03-28-2021, 03:57 PM

Hi there creative1977,

Hi coothead,

and a warm welcome to these forums.

Thanks a Bunch for your Warm Welcome

Well, I don't know if you will find this example to be more simple,
but what I can say, is that you will find it more versatile, as it will
work very well on both PC and Mobile devices.

I Checked the Reworked in Computer. It's Looks Perfect and Great! Thank you So Very Much for making it Compatible for PC and Mobile Devices. Is it Possible to Secure the File with a Password?

**coothead** · 03-28-2021, 07:32 PM

Originally Posted by creative1977

Is it Possible to Secure the File with a Password?

If you mean the creative1977.zip file, I can delete it if you like.

coothead

**creative1977** · 03-29-2021, 03:56 PM

If you mean the creative1977.zip file, I can delete it if you like.

No No No... I am Not Referring about creative1977.zip file. I am Referring about index.html file. Upon typing the Password, index.html file Should Display. Is it Possible?

**coothead** · 03-30-2021, 01:52 AM

Hi there creative1977,

yes, that can be done using php.

I have put the page on my server for you to test...

https://coothead.co.uk/creative1977/index.php

Test Password :- abc-123

coothead

**creative1977** · 03-30-2021, 06:40 PM

Hi there coothead,

That's Awesome! Just now I Checked and it's Perfect. But why did you Change the file as index.php? Is it Possible to Make it in .html instead of .php? Can you please Send Me the Zipped folder?

**coothead** · 03-30-2021, 07:08 PM

Originally Posted by creative1977

But why did you Change the file as index.php?
Is it Possible to Make it in .html instead of .php?
Can you please Send Me the Zipped folder?

The php extension is required, because, on reflection,
I considered the PHP solution to be ideal.
Yes, but it required the use of .htpasswrd and
.htaccess files which I was unable to make work
successfully.
I certainly can.

creative-77-psw.zip

coothead

**creative1977** · 03-31-2021, 01:31 PM

1. The php extension is required, because, on reflection, I considered the PHP solution to be ideal.

I See... Okie. So You mean "on reflection" is In-Context to the Password?

2. Yes, but it required the use of .htpasswrd and .htaccess files which I was unable to make work successfully.

use of .htpasswrd and .htaccess mean the UserNAME and Password to Access the Server?

3. I certainly can.

Thank you coothead. By the way, I have Sent you a PM. Can you please Respond to My PM?

Thread: Can this Coding be in More Simple Way

Thread Tools

Search Thread

Can this Coding be in More Simple Way

The Following User Says Thank You to coothead For This Useful Post:

The Following User Says Thank You to coothead For This Useful Post:

The Following User Says Thank You to coothead For This Useful Post:

The Following User Says Thank You to coothead For This Useful Post:

Similar Threads

Need to create a simple 'update text on website' from a simple admin page

Need help with simple coding

Simple Query(1 column) to array to variables (not simple to me )

Coding

Need some coding help

Bookmarks

Bookmarks

Posting Permissions