Böyle bir tasarım nasıl yapılır - Sayfa 2

03-09-2014, 02:58:01

#10

~~Respective~~

Üyeliği durduruldu

dreamweaver ile hazırlayıp daha sonra html5 ile sunum yapabilirsiniz

03-09-2014, 11:21:09

#11

Kimlik doğrulama veya yönetimden onay bekliyor.

GrkmDlk adlı üyeden alıntı: mesajı görüntüle

Bence Bootstrap kullanın, ben size Bootstrap konusunda bilgi veririm, sanırım Bootstrap grid sistem işinizi görebilir.

Grid sistem ile çalıştım ama fazla şimdi bir şey olmadıgı için kullanmak istemedim. Hocam şimdi bu resimde video assagıda kalıyor o soldaki menüyle aynı hizada olsun istiyorum birde sol menüye 1 menü daha eklemek istiyorum ve o sarılık nasıl gidicek yardımcı olursanız sevinirim.Kodlar ve resimler aşşagıdadır.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 <link rel="stylesheet" type="text/css" href="style.css" />
 <title>Document</title>
</head>
<body>
	<div class="container"></div>
<div class="sol">Ust Div</div>
<div class="orta">Orta</div>
<div class="soll"></div>
<div class="yan"></div>
	<div class="Video">Video</div>

</html>

.container {
	width: %75;
}
.ust {

	width: 250px;
	height: 250px;
	background-color: blue;
	display: inline-block;
	float: left;
	position: relative;
}

.orta {
	width: 750px;
	height: 652px;
	background-color: red;
	float: left;
	position: relative;
	margin-left: 2px;
}
.alt {
	width: 350px;
	height: 350px;
	background-color: yellow;
}
.Video {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 250px;
	background-color: purple;
	float: right;
	clear: top;

}