Divitis Desgin
How do I make an divitis desgin?
Interesting thing about using div to design the layout . What is a divitis desgin? How do you make a divitis desgin? This script and codes were developed by Rpun on 12 August 2022, Friday.
Divitis Desgin - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>divitis Desgin</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="newsShow"> <div id="content"> <div class="home"> <!--<div class="num1">num1</div> <div class="num2">num2</div> <div class="num3">num3</div>--> <!-- <button id="btn">click</button>--> <div id="content">.home content</div> <div id="aSide">.home Aside</div> <a href="http://www.smashingmagazine.com/2009/04/from-table-hell-to-div-hell/" style="padding-top:40px;">div vs table hells</a> </div> </div> <div id="aSide">.newsShow Aside</div>
</div>
<!--With a class for body, there is no need for contentSmall, contentNormal, contentWider and so on. Simply refer to the container through the body parent class and then control the width in the style sheet. The style sheet will be more readable, and the developer won’t need to refer to so many bad classes. The page type (body class) will tell you which one to refer to.-->
<!--
<form> <ul> <li> <fieldset> <legend>Person info</legend> <ul> <li> <label for="name">Name:</label> <input type="text" name="name" id="name" /> </li> <li> <label for="age">Age:</label> <input type="text" name="age" id="age" /> </li> </ul> </fieldset> </li> <li> <fieldset> <legend>Address info</legend> <ul> <li> <label for="address">Address:</label> <input type="text" name="address" id="address" /> </li> <li> <label for="zip">Zip:</label> <input type="text" name="zip" id="zip" /> </li> </ul> </fieldset> </li> </ul>
</form>-->
</body>
</html>
Divitis Desgin - Script Codes CSS Codes
/* Containers */
#content { float: left; }
#aSide { float: right; }
/* Page structures */
.newsShow #content { width: 80%; /*border:2px solid red;*/}
.newsShow #aSide { width: 20%; border:1px solid red; }
.home #content { width: 70%; border:2px solid green;}
.home #aSide { width: 30%; border:1px solid blue; }
.oneColumn #content { width: 100%; }
.newsShow{
/* border:1px solid black;*/ width: 500px; /* padding:10px; */
}
Developer | Rpun |
Username | echoeCode |
Uploaded | August 12, 2022 |
Rating | 3 |
Size | 2,122 Kb |
Views | 50,600 |
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!
Name | Size |
AppendTo | 1,722 Kb |
Digital brush Mask input | 4,058 Kb |
Kendo multiselect demo | 1,607 Kb |
Ajax loading image experiment | 1,722 Kb |
TextStyleRadioButton | 1,605 Kb |
ShowModalUsingDialog | 1,928 Kb |
A Pen by rpun | 1,807 Kb |
JqueryUI Autocomplete | 1,602 Kb |
TypeScript Ryan | 5,265 Kb |
Form with div | 1,962 Kb |
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!
Name | Username | Size |
Project -Show the Local Weather | Luciano_Britis | 2,583 Kb |
NgEasyModal | Lorenzodianni | 4,159 Kb |
Horizontal Navigation with Floats | Gymratpacks | 5,403 Kb |
Review test | Otro_user_gil | 4,054 Kb |
Drill-down Map | Good886 | 8,484 Kb |
Nested table email layout | Massimo-cassandro | 2,355 Kb |
Revolving Text Landing Page Trial | TimRuby | 2,976 Kb |
Sexy Social Buttons | Ipiyale | 2,226 Kb |
Yuliya v krylova | Rafszul | 37,351 Kb |
Rotate Demo | Agelber | 3,061 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!