html nasıl yaparız

19-08-2014, 21:44:45

#1

rafet55

Selamlar

Yukardaki resimdeki gibi dört elemanı aynı düzlemde html nasıl yaparız div şeklinde

19-08-2014, 21:49:39

#2

ibrahimsn

Bir div, 4 divi birden kapsayacak, ve içerideki divler float:left; olacak.

Mobilde olmasaydım yazardım da mobilim.

20-08-2014, 09:39:48

#3

_ottomanempire_

5 tane div tanımla. Ben ana_div, icerik1,icerik2,icerik3,icerik4 gibi isimler verdim. Sen kendine göre istersen düzenlersin. Daha sonra da style bloğuna aşağıdaki şekilde eklemeler yaparsın. Ben değerleri vs. hepsini salladım kafadan yazdım. Kendine göre düzenle.

 <style type="text/css">
<!--

#ana_div{

height: 300px;
width:900px;
border:1px solid #0000;
background-color:#FFFFFF;
}
#icerik1 {
	height: 300px;
	width: 300px;
	float: left;
	background-color:#000000;
}
#icerik2 {
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 50px;
	margin-left: 100px;
	background-color:#000000;
}
#icerik3 {
	float: left;
	height: 75px;
	width: 75px;
	margin-right: 50px;
	margin-left: 50px;
	background-color:#000000;
}
#icerik4 {
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 100px;
	background-color:#000000;
}
-->
</style>
</head>

<body>
<div id="ana_div">
  <div id="icerik1"></div>
  <div id="icerik2"></div>
  <div id="icerik3"></div>
  <div id="icerik4">
   
  </div>
</div>
</body>
</html>