Forum Mjukvara Programmering och digitalt skapande Tråd

css/html layout.

1
Skriv svar
Permalänk
Avstängd
●

css/html layout.

Hej, jag vill göra en layout på en webbsida som exempel bilden med olika tables(?), så fall jag vill skriva eller lägga till något i table 3 så kommer ingen text utanför table 3.

Andvänder mig av html/css

ifall någon kan göra en layout med css/html som på bilden vore det schyst så kan jag andvända den som ett exempel då jag är nybörjare i css men lär mig fort, eller om någon kan peka mig i rätt riktning.

exempel:

Visa signatur

//pHANTAZOM

Redigera
Citera flera Citera
Permalänk
Medlem
●

tables använder man för data, använd div:ar för layouten

Redigera
Citera flera Citera
Permalänk
Medlem
●

Här har du lite att titta på. Dock inget super kod, säkert flera små fel här och där.

http://www.w3schools.com/tags/tag_div.asp

HTML

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="test.css" />
	</head>
	<body>
		<div id="container">
		
			<div id="black">
			</div>
			
			<div id="green">
			</div>
			
			<div id="red">
			</div>
			
			<div id="blue">
			</div>
		</div>
	
	<body>
</html>
Dold text

CSS

#black
{
	width:300px;
	height:600px;
	background-color:black;
	float:left;
}
#green
{
	width:200px;
	height:100px;
	background-color:green;
	float:right;
}
#red
{
	width:100px;
	height:200px;
	background-color:red;
	float:right;
	margin-top:10px;
}
#blue
{
	width:600px;
	height:100px;
	background-color:blue;
	float:right;
	margin-top:10px;
}
#container
{
	height:1000;
	width:500;
	margin:auto;
}
Dold text
Visa signatur

How to program

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara