Divitis Desgin

Developer
Size
2,122 Kb
Views
50,600

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 Previews

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; */
}
Divitis Desgin - Script Codes
Divitis Desgin - Script Codes
Home Page Home
Developer Rpun
Username echoeCode
Uploaded August 12, 2022
Rating 3
Size 2,122 Kb
Views 50,600
Do you need developer help for Divitis Desgin?

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!

Rpun (echoeCode) Script Codes
Create amazing Facebook ads 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!