Stretching page based on tables and percentage

Developer
Reinis
Size
4,491 Kb
Views
18,216
  1. Stretching page based on tables and percentage Previews
  2. Stretching page based on tables and percentage HTML Codes
  3. Stretching page based on tables and percentage CSS Codes

How do I make an stretching page based on tables and percentage?

What is a stretching page based on tables and percentage? How do you make a stretching page based on tables and percentage? This script and codes were developed by Reinis on 06 December 2022, Tuesday.

Stretching page based on tables and percentage Previews
IQ Test

Stretching page based on tables and percentage - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Stretching page based on tables and percentage</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head> <title> Mājasdarbs </title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="shortcut icon" href="https://reinmeistars.blogspot.com/favicon.ico" type="image/ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body> <!-- FRAME -->	<table border=0 class=frame2> <tr> <td rowspan=2 class=left2> <!-- LEFT CHESS DIV -->
<div class=left> <table class=tb border=1> <tr> <td class=w> <p></p> </td> <td class=b> <p></p> </td> </tr> <tr> <td class=b> <p></p> </td> <td class=w> <p></p> </td> </tr> <tr> <td class=w> <p></p> </td> <td class=b> <p></p> </td> </tr> <tr> <td class=b> <p></p> </td> <td class=w> <p></p> </td> </tr> <tr> <td class=w> <p></p> </td> <td class=b> <p></p> </td> </tr> </table>
</div> <!-- LEFT CHESS DIV --> </td> <td colspan=2 class=top2> <div class=viens> <h1>3Run (try stretching the page)</h1> </div> </td> </tr> <tr> <td class=mid2> <div class=divistatic> <div class=noscroll> <h2 class=noscrollmid>Common English Parkour Terms </h2> </div> <div class=divi style="overflow:scroll; height:400px;">
<p class=note>NOTE: Some traceurs feel that the invention of many terms to describe different vaults and other movements creates a false image of Parkour – one where it is simply a list of moves you try to attain. The fundamental idea of Parkour is to overcome obstacles, not to achieve perfection in a specific set of defined movements. The terminology on this page is used for illustrative purposes to help convey a sense of some of the common techniques in Parkour. </p> <p class=vidus>
Traceur: A practitioner of parkour. </p> <p class=vidus>
Parkour Roll: Similar to the roll used in grappling martial arts. The body is rolled across the ground shoulder first, ending at the opposite hip. Arm placements differ person to person and school to school.
</p> <p class=vidus>
Vault: Any jump that incorporates the use of the arms to overcome the obstacle.
</p> <p class=vidus>
Cat Pass/Monkey/Kong Vault: A vault were the body passes over the obstacles with the legs in between the arms. This is called a squat over vault in gymnastics. One of the most versatile vaults; excellent for clearing long and high objects and getting extra distance.
</p> <p class=vidus>
Two-Handed Vault: Two hands are placed on the obstacle and the legs come over to the side. Known as a flank vault in gymnastics. This is a very simple fault and is often used to introduce beginners to some of the more advanced vaults.
</p> <p class=vidus>
Single-Hand Vault: Same as above, but only one hand is placed on the obstacle. Also called a flank vault in gymnastics.
</p> <p class=vidus>
Speed Vault: A variation of the single-hand vault, but as the name implies the key to the speed vault is speed. The form is similar to a hurdle over an obstacle, but with the body leaning sideways and the hand tapping the obstacle as you go over.
</p> <p class=vidus>
Arm Jump/Cat Jump: A jump were the traceur lands with his hands on the top of an obstacle and his feet on the obstacle.
</p> <p class=vidus>
Precision Jump: A jump where a traceur lands on a precise surface like a rail, or wall ledge. Generally refers to a standard standing broad jump technique. Both legs jump together and the arms swing forward to help initiate forward momentum.
</p> <p class=vidus>
Gap jump: Any jump that clears a gap between two objects.
</p> <p class=vidus>
Wall Pass: Technique involving running toward a wall and then converting the forward momentum into a jump. A wall pass involves taking one or more running steps up a vertical surface and catching on the top with your hands in order to pull yourself up and onto or over the obstacle.
</p> <p class=vidus>
Wall Run: A run along the top of wall.
</p> <p class=vidus>
Tic Tac: A technique were the traceur pushes of of one object with her foot to gain height and reverse momentum in order to overcome another obstacle.
</p> <p class=vidus>
Lazy Vault: A type of vault were the obstacle is approached obliquely and the legs pass over the obstacle first; one or two hands can be used, and are placed on the obstacle as the body passes over it.
</p> <p class=vidus>
Reverse Vault: A vault were the body turns over behind the hands completing a 360 over the obstacle.
</p> <p class=vidus>
Dash vault: A vault were the traceur jumps over the obstacle and puts his hands down as his legs pass the obstacle to help push him off.
</p> <p class=vidus>
Kash Vault: A vault which begins like a cat/kong but finishes like a dash. A squat through vault in gymnastics terminology.
</p> <p class=vidus>
Pop Vault: A vault were a foot is placed on the obstacle first to pop the traceur up and give her height to perform another vault, typically a kong or two-handed vault.
</p> <p class=vidus>
Underbar: A move were the traceur jumps feet first through an opening and grabs a bar at the top to aid him through.
</p> <p class=vidus>
Reverse Underbar: Same as above except the body goes through hands first, then turns so the feet can land first. <a href="http://en.wikipedia.org/wiki/Exception" target="_blank" class=w >Except</a>
</p> </div> </div> </td> <td class=2mid2> <div class=triis> <p class=menu>Links</p> <a href="https://www.3run.co.uk/" target="_blank"><div class=menu> <p class=menu>3Run UK</p> </div> </a> <a href="https://www.youtube.com/3runtube" target="_blank"><div class=menu> <p class=menu>3Run Tube</p> </div></a> <div class=menuimg> <img class="leftimg" src="https://s22.postimg.org/mmiomjlg1/keep_calm_and_do_some_parkour.png" /> </div> </div> </div> </td> </tr> <tr> <td colspan=3 class=bottom2> <div class=pieci> <p class=pieci>- 72 -</p> </div> </td> </tr> </table> <!-- FRAME END -->
</body>
</html>
</body>
</html>

Stretching page based on tables and percentage - Script Codes CSS Codes

body{ background-image:url('http://fc09.deviantart.net/fs71/f/2012/321/4/0/3run_uk_logo_by_mhalse-d5l8s9v.png');
background-size:100% 750px;
background-repeat:no-repeat;
}
::-webkit-scrollbar { display: none;
}
/*DIV*/
div{ /* background-image:url('http://wakpaper.com/large/Grass_wallpapers_227.jpg'); */ margin:5px; border-radius: 1px; box-shadow: 10px 10px 28px #000;
}
div.viens{
background-color:#000; width:99%; height:99%; text-align:center; border-width:1px; border-style:solid; border-color:#00FF00;
}
div.divi{
background-color:#00f; opacity:0.9; width:98%; height:99%; box-shadow:none;
}
div.divistatic{
background-color:#0f0; width:99%; height:98%; border-width:1px; border-style:solid; border-color:#00FF00;
}
div.triis{
background-color:#000; opacity:0.9; width:97%; height:98%; text-align:center; border-width:1px; border-style:solid; border-color:#00FF00;
}
div.menu{
background-color:#00FF00; width:95%; height:30px; text-align:center;
}
div.menuimg{
background-color:#000; width:92%; height:250px; margin-left:9px;
}
div.pieci{ background-color:#000; opacity:0.9; width:99%; height:99%; text-align:center; border-width:1px; border-style:solid; border-color:#00FF00;
}
div.noscroll{ background-color:#f00; opacity:0.9; width:98%; height:30px; text-align:center; box-shadow: none;
}
div.left{
background-color:#000; width:90%; height:100%; text-align:center; border-width:1px; border-style:solid; border-color:#00FF00;
}
/*ATTĒLI*/
img{ height:75px; padding-top:10px; padding-left:10px;
}
img.leftimg{ height:98%; width:97%; padding-top:3px; padding-left:3px; padding-rihgt:3px; padding-bottom:3px; border-radius: 10px;
} /*TEKSTS*/
h1{ color:white; font-family:Verdana; margin:5px;
}
h2.noscrollmid{ color:white; font-family:Verdana; margin:5px;
}
p.vidus{ color:white; font-family:Calibri; margin-left:10px; margin-right:10px; text-align:justify; margin-top:10px; vertical-align:middle;
}
p.note{ color:white; font-size:12px; font-family:Calibri; margin-left:10px; margin-right:10px; text-align:justify; margin-top:10px; vertical-align:middle;
}
p.menu{ color:white; font-family:Calibri; text-align:center; margin-top:7px; font-weight:bold;
}
p.pieci{ color:white; font-family:Calibri; text-align:center; font-weight:bold;
}
h3.bold{ color:white; text-weight:bold;
} /*TABULAS*/
table.tb{ width:90%; height:99%; margin-top:3px; margin-left:3px; margin-right:3px; margin-bottom:3px;
}
td{ width:50%; height:20%;
}
td.b{
background-color:#206400;
}
td.w{
background-color:#FFAB00;
}
/*TABLE FRAME*/
table.frame2{ background:/*#00FF00*/; width:80%; height:80%; margin-top:5%; margin-left:10%; margin-right:10%; margin-bottom:5%;
}
td.left2{ width:10%; height:512px;
}
td.top2{ width:90%; height:10%;
}
td.mid2{ width:60%; height:10%;
}
td.2mid2{ width:30%; height:10%;
}
td.bottom2{ width:100%; height:10%;
}
/*TABLE FRAME END*/ /*LINKI*/
a.w{
background-color:green;
color:yellow;
font-weight:bold;
}
Stretching page based on tables and percentage - Script Codes
Stretching page based on tables and percentage - Script Codes
Home Page Home
Developer Reinis
Username 72
Uploaded December 06, 2022
Rating 3
Size 4,491 Kb
Views 18,216
Do you need developer help for Stretching page based on tables and percentage?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Reinis (72) Script Codes
Name
Simple html js slideshow
Fullscreen audio play button
Clickable table cell 2
Jquery single page menu
Stretchy fragile div classes grid frame
Top-bottom navigation button
Spongebobs
Events
Html rowspan colspan
Vimeo video in background
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!