Style.Css Temayı Sol veya Sağ Tarafa Yaslamak!

09-01-2010, 01:11:35
residents2000
Merhaba arkadaşlar aşağıdaki css kodları ile temayı sol tarafa nasıl yaslıyabilirim birkaç deneme yaptım olmadı
body {
	
margin:0px auto;
	padding:0px;
	background:#1A3265;

}
p {
	margin:5px 0px;
}
A {
	color:#000;
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#4b4b4b;
}

#container {
	margin:0px auto;
	padding: 0px;
	width:955px;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	text-align:center;
	background-color:#FFF;
}
#header {
	width:955px;
	margin:0px auto;
	padding:0px;
	background:#FFF url('header-bg.gif') repeat-x left top;
	text-align:left
}
#header-top {
	width:955px;
	height:95px;
	margin-bottom:10px;
}
#logo {
	float:left;
	padding-top:7px;
}
#logo-right {
	width:728px;
	float:right;
	padding-top:7px;
}
#main-menu {
	width:955px;
	height:30px;
	margin:0px auto;
}
#menu {
	width: 100%;
	height: 32px;
	margin: 0px auto;
	clear:both;
	background-color:#005B8A;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu li {
	display: inline;
	height:30px;
}
#menu a {
	display: block;
	float: left;
	width: 118px;
	padding-left:0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
#menu a:hover {
	background:#0097CA;
}
#body {
	width:950px;
	margin:0px auto;
	padding:0px;
	height:auto;
	text-align:left;
	padding: 8px 5px;
}
#body-left {
	width:180px;
	height:auto;
	text-align:left;
	float:left;
}
#body-right {
	width:180px;
	height:auto;
	margin-right:5px;
	text-align:left;
	float:right;
}
.left-menu {
	width:180px;
	height:auto;
	margin-bottom:10px;
	float:left;
}
.left-menu-top {
	width:160px;
	height:38px;
	background:url(resim/left-menu-top.gif) no-repeat left top;
	padding-left:20px;
	line-height:36px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #005B8A;
	text-decoration: none
}

.subnav {
	color: #fff;
	font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 23px;
	padding-left:0px;
	margin-bottom:10px;
	width:160px;
	padding:0px 10px;
	margin:0px auto;
	background-color:#005B8E;
}
.subnav ul {
	margin: 0;
	padding: 0;
}
.subnav ul li {
	list-style: none;
}
.subnav ul li a {
	display: block;
	font-weight:bold;
	width: 155px;
	text-decoration: none;
	color: #fff;
	background:url(resim/border_bottom.jpg) repeat-x left bottom;; padding-left:5px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.subnav ul li li a {
	color: #fff;
	display: block;
	font-weight:bold;
	width: 145px;	
	text-decoration: none;
	color: #fff;
	background:url(resim/border_bottom.jpg) repeat-x left bottom;; font-weight:normal; font-style:normal; font-variant:normal; line-height:23px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.subnav ul li a:hover {
	color: #005B8E;
	background:#FCFCFC url(resim/border_bottom.jpg) repeat-x left bottom;
}

.left-menu-bottom {
	background:url(resim/left-menu-bottom.gif) no-repeat left top;
	height:16px;
	width:180px
}
#body-center {
	width:558px;
	height:auto;
	text-align:left;
	float:left;
	padding-left:16px;
}
#body-enes {
	width:558px;
	height:auto;
	text-align:left;
	float:left;
	padding-left:16px;
}
.dataform-box-top {
	width:548px;
	height:24px;
	margin-bottom:6px;
	background:url(resim/featured-bar.gif) no-repeat left top;
	padding-left:10px;
	float:left
}
.yorum-top {
	width:548px;
	height:24px;
	margin-bottom:6px;
	background:url(resim/featured-bar.gif) no-repeat left top;
	padding-left:10px;
	float:right
}
#arama-top {
	width:738px;
	height:24px;
	margin-bottom:6px;
	background:url('aramabar.gif') no-repeat left top;
	padding-left:10px
}
.product-box {
	width:260px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:5px;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
	height:105px;
	overflow:hidden;
}

.product-image {
	width:110px;
	height:auto;
	float:left;
}
.product-image img {
	padding:3px;
	background-color:#fff;
}
.product-disc {
	width:140px;
	height:93px;
	float:right;
	overflow:hidden;
}
.puanla {
	width:150px;
	float:right;
	overflow:hidden;
}
#footer {
	width:950px;
	margin:0px auto;
	padding:7px 0px;
	background-color:#005B8E;
	text-align:center;
	line-height:15px;
	clear:both;
	color:#FFF;
}

.red-link {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.tag-link {
	color:#000;
	text-decoration:none;
}
.tag-link:hover {
	color:#FF0000;
	text-decoration:none;
}
.red-link:hover {
	color:#FF0000;
	text-decoration:underline;
}
.white-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
.footer-link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
.footer-link:hover {
	text-decoration:underline;
}
.kisim-top {
	width:55px;
	height:24px;
	margin-bottom:6px;
	background:url('kisimbar.gif') no-repeat left top;
	padding-left:7px;
	float:left
}
.kisim-selected {
	width:55px;
	height:24px;
	margin-bottom:6px;
	background:url('kisimbarcurrent.gif') no-repeat left top;
	padding-left:7px;
	float:left
}
.input-box-standard {
	height:16px;
	width:350px;
}
input-box-standard {
	width:150px;
	height:18px;
	background-color:#FFF;
	border:1px solid #7F9DB9;
	padding-left:3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #EB0589;
	text-decoration: none;
	margin-right:10px;
}

#body-video {
	width:558px;
	height:auto;
	text-align:left;
	float:left;
	padding-left:0px;
}
#featur-product-box {
	width:558px;
	height:auto;
}
.video-box {
	width:535px;
	border:1px solid #C0C2C4;
	background-color:#F3F3F3;
	padding:9px;
	padding-bottom:5px;
	margin-bottom:7px;
	float:left;
	height:auto;
}
.video-right-menu {
	width:380px;
	height:auto;
	margin-right:5px;
	float:right;
	margin-bottom:10px;
}

.video-menu-top {
	width:360px;
	height:38px;
	background:url(resim/video-menu-top.gif) left top no-repeat;
	padding-left:20px;
	line-height:38px;
}
.related-box {
	width:360px;
	background-color:#F3F3F3;
	border-bottom:1px dotted #C0C2C4;
	padding:9px;
	padding-bottom:5px;
	float:left;
	height:auto;
}
.related-disc {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:2px;
}
.video-menu-bottom {
	background:url(resim/video-menu-bottom.gif) left top no-repeat;
	height:16px;
	float:left;
	width:380px;
}
/* Sayfa listeleme */
#sayfala {margin:0 10px 5px 0;background:#fff;padding:8px;font-family:Arial;font-size:20px;font-weight:bold;color:#505754;text-align:center;}
#sayfala a {color:#006AAA;font-family:Arial;font-size:20px;font-weight:bold;}
#ikinci object {width:533px;height:400px;}
#ikinci embed {width:533px;height:400px;}
#ikinci p img {display:none;}
09-01-2010, 01:16:47

#2

mre

Kimlik doğrulama veya yönetimden onay bekliyor.

body {

float:left;
}
09-01-2010, 01:23:05

#3

residents2000

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

body {

float:left;
}

teşekkürler
09-01-2010, 01:26:57

#4

mre

Ben tesekkur ederim