İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

css site ortalama

U

ugur06

0
İyinet Üyesi
Katılım
17 Kasım 2011
Mesajlar
22
Reaction score
0
elimde bir tema var css den birtürü ortalayamadım yardımcı olurmusunuz acaba sorun nerde float center yapıyorum yine ortalanmıyor :(



Kod: 
body {
	font: 12px arial,verdana,sans-serif;
	padding:0px;
	margin:0px;
	background:#FFFFF5 url(images/bg.gif) repeat-y left;
}

#wrap {
	 clear: both;     
	width: 1004px;
	padding:0;	
	margin:0px;
	
}
#content-container {
	float: left;
	width: 1004px;
	padding:0px;	
	margin-top:0px;
	margin:0px;
	clear:both;
}
#content {
padding:0px;
clear:both;
}

#header {
	height:358px;
	width: 1004px;
	padding:0px;
	margin:0px auto;
	background:url(images/header.jpg) no-repeat top center;
	float:none;
}
 
S

serhat54

0
İyinet Üyesi
Katılım
17 Mart 2011
Mesajlar
104
Reaction score
1
Kod: 
#wrap {
	 clear: both;     
	width: 1004px;
	padding:0;	
	margin:0px;
	
}

bu koddaki width değeriyle oynayacaksın bu değeri ortalamak istiyorsan küçült
 
U

ugur06

0
İyinet Üyesi
Katılım
17 Kasım 2011
Mesajlar
22
Reaction score
0
oradaki değerleri değiştirdim ama değişen bir şey olmadı olduğu gibi aynı

acaba center yazsam ne olur

Ekleme:
JebiaS' Alıntı:
#wrap daki
margin:0px; 'yı
margin:0 auto; yap
Genişletmek için tıkla ...


süpersin üstad ortaladı ama bu sefer menüler yana kaydı yaw

herşeyi ortaladı ama menüler olduğu yerde kaldı

cssnin tamamı şu

Kod: 
/*
Theme Name: Girly Diaries
Description: A lovly girly wordpress theme with the sidebar on the right.
Author: Themes Junction

*/

body {
	font: 12px arial,verdana,sans-serif;
	padding:0px;
	margin:0px;
	background:#FFFFF5 url(images/bg.gif) repeat-y left;
}

#wrap {
	 clear: both;     
	width: 1004px;
	padding:0;	
	margin:0 auto;
	
}
#content-container {
	float: left;
	width: 1004px;
	padding:0px;	
	margin-top:0px;
	margin:0px;
	clear:both;
}
#content {
padding:0px;
clear:both;
}

#header {
	height:358px;
	width: 1004px;
	padding:0px;
	margin:0px auto;
	background:url(images/header.jpg) no-repeat top center;
	float:none;
}
#header h1 
{
font:40px 'times new roman';
color:#FFDBD1;
text-align:right;
padding-right:100px;
padding-top:100px;
font-style:italic;
}
#header h1, h1 a, h1 a:visited {
text-decoration: none;
margin:0;
color:#FAAAA2;
}
#header h1 a:hover {
text-decoration: none;
color:#FFDBD1;
}
#subtitle {

	padding-right:100px;
	color: #FA968B;
	font:16px 'times new roman';
	font-style:italic;
	text-align:right;
	float:right;
	padding-top:0px;
	font-weight:normal;
}


#navlist-container{
	padding:5px 0px 0 10px;
	position:absolute;
	top:312px;
	left:20px;
	float:left;
	clear:both;
	}
#navlist{
	position:relative;
	display:block;
	height:43px;
	font-size:12px;
	font-weight:normal;
	font-weight:bold;
	padding:0;
	font-family:Verdana,arial;
	
	}
#navlist ul{
	margin:0px;
	padding:0px 0px 0 20px;
	list-style-type:none;
	width:auto;
	float:left;
	}
#navlist ul li{
	display:block;
	float:left;
	margin:0 ;
	}
#navlist ul li a{
	display:block;
	float:left;
	color:#FF7BA5;
	padding:14px 10px 0 0;
	width: 70px; 
	height: 23px;
	text-align: center;
	text-decoration:none;
	
	}
#navlist ul li a:hover,#navlist ul li.current_page_item a{
	color:#EE3F6B;
	width: 70px; height: 23px;
	text-align: center;
	}
#navlist ul li .current_page_item a,#navlist ul li .current_page_item a:hover{
	color:#ffffff;
	width: 70px; height: 23px;
	}
	
#footer {	
	color:#af7b37;
	font: 11px tahoma;
	text-align:center;
	height:60px;
	float:left;
	position:relative;
	width:1004px;
	margin:0px;
	background:url(images/footer.gif) no-repeat bottom center;
}
.footerlinks 
{
	color:#FCC9C9;
	text-align:center;
	margin-top:20px;
	float:left;
	width:1004px;
	padding-top:10px;

}
.footerlinks  a
{
	color:#FBADAD;
	text-decoration:underline;
}

/* General Header Styles */
h2 {
	margin-top:0;
	font-size:16px;	
}
h3 {
	margin:0;
	font-size:14px;	
}


/* Post Related */
h2 a:hover, h2 a:visited, h2 a {
	text-decoration:none;
}
.post-container
{
	float:left; 
	width:742px; 	
	margin:0px;
}
.post {
	width:742px;
	padding-top:0;
	color:#D3A5A1;
	float:none;
	display:block;
	margin-bottom:0px;	
	clear:both;	
	background:url(images/post-bg.gif) repeat-y left ;
}
.posttop {
	width:742px;
	height:165px;
	color:#EEE0B2;
	background:url(images/post-top.gif) no-repeat top;
	
}

.post p {
	margin:0px;
}


.post a:hover {
	color:#FD9B94;
}

.posttop h2 {
	font: 24px 'times new roman';
	text-align:left;
	overflow:visible;
	margin-bottom:0;
	padding-top:60px;
	padding-left:70px;
	float:left;
	font-style:italic;
	color:#FDB5AE;
}
.posttop h2 a {
	color:#FDB5AE;

}

.postinfo
{
height:25px;
width:550px;
padding-left:70px;
float:left;
color:#C7393A;
text-align:left;
margin-top:10px;
font:11px verdana;
}
.postinfo a
{
text-decoration:none;
color:#FBB5AB;
text-align:left;
}
.postinfo a:hover
{
text-decoration:underline;
color:#446E02;
}
.postbottom
{
	font-size:11px;
	color:#FFAAB9;
	text-align:left;
	width:742px;
	padding:0;	
	height:167px;
	float:none;
	display:block;
	position:relative;
	background:url(images/post-bottom.gif) no-repeat left top;
}
.postbottom a
{
text-decoration:none;
color:#c80000;	
}
.postbottom a:hover
{
text-decoration:underline;
}
.commentinf
{
	margin-top:0px;
	text-align:left;
	float:none;
	height:20px;
	padding-top:8px;
	padding-right:20px;
}
.metainf{
	float:left;
	padding-left:110px;
	margin-top:20px;
	text-align:left;
	height:20px;	
	padding-top:8px;
}
.post p {
	margin:0px;
}
.navigation a {
	color:#C80000;
	text-decoration:none;
}
.navigation a:hover 
{
	color:#FA968B;
}

.navigation {
	text-align:left;
	width:650px;
	padding-left:40px;
	float:left;
	font-size:12px;
}
img.centered {
	display: block;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.navigation .alignright {
	margin-bottom:10px;
}
.navigation .alignleft {
	margin-bottom:10px;
}	

.pagetitle{
	font: bold 28px 'times new roman';
	text-align:left;
	color:#FA968B;
	padding:0;
	margin:0;
	padding-left:60px;
	overflow:visible;

}
blockquote {
	font-style:italic;
	margin:5px;
}
a img {
	border:0;
}
.entry {
	font: 12px arial,verdana,sans-serif;
	padding-right:20px;
	padding-left:70px;
	padding-bottom:10px;
	margin-top:-60px;
	width:620px;
	text-align:justify;
	clear:both;
	
}
.entrytext .postmetadata {
	font: 12px arial,verdana,sans-serif;
}
.more-link {
	font: 10px arial,verdana,sans-serif;
}

/* Sidebar Related */
#sidebar {
	width:226px;
	margin-top:30px;
	float:left;	
	background:url(images/menu-bg.gif) repeat-y left;
}

#sidebar ul {
	margin: 0 ;
	padding: 0;	
	width:226px;
	
	
}
#sidebar ul h2{
	font:16px 'times new roman';
	color:#CC6666;
	text-align:left;
	font-weight:bold;
	padding:15px 0 0 35px;
	height:32px;
	margin:0;
	width:226px;
	border:none;
	background:url(images/topbar.gif) no-repeat left top;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;	
}
#sidebar ul li ul {
	margin: 0 0 10px 0;
	padding:0;
}
#sidebar ul ul li {
	list-style-type: none;
	margin-left:0px;
	list-style-image: none;
	color:#A5936C;
	padding:5px 0 5px 20px;
	margin-left:10px;
	font:12px arial;
	width:170px;
	font-weight:bold;
	background:url(images/arrow.gif) no-repeat left;
	
}
#sidebar ul ul ul li {
	list-style-type: disc;
	padding:0;
	margin-left:5px;
	color:#A5936C;	
}
#sidebar p {
	margin:0;
	font: 10px arial,verdana,sans-serif;
}
#sidebar a {
	color:#CC6666;
	text-decoration:none;	
}
#sidebar a:hover {
	text-decoration:underline;	
	color:#CB102B;
}

#sideads {
	width:170px;
	margin-left:0px;
	float:right;
	margin-top:4px;
	padding-right:10px;
	
}
.bottom_sidebar {
	background:url(images/menu-bottom.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
	clear:both;
	height: 34px;
	width: 226px;
	display:block;
	position:relative;
	}
/* User Comment Specific */
#comment
{
border:1px solid #c80000;
color:#c80000;
background:#FFF3F0;
height:205px;
}
#respond
{
	padding-left:10px;
}
#commentform
{
	padding:10px;

}
#commentform input
{
border:1px solid #c80000;
color:#c80000;
background:#FFF3F0;
}

ol.commentlist {
	margin-left:25px;
	padding:0;
}

ol.commentlist a {
	color:#D6CDB0;	
}
ol.commentlist p {
	margin-top:3px;
	margin-bottom:10px;
}
small.commentmetadata {
	font: 10px arial,verdana,sans-serif;
}
small.commentmetadata a {
	text-decoration:none;
}
#submit {
	height: 25px;
	background-color: #D6E5BD;
	margin: 10px 10px 0 0;
	color:#ffffff;
	font-size: 1.2em;

}

/************************/
/*     Search Design    */
/************************/
#searchform{
display:none;
}
#s
{
	width:200px;
	font:12px tahoma;
	color:#D5C67E;
}
#menu_search_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#D5C67E;
	font-size:11px;
	padding:5px;
	padding-top:0px;
	margin-left:8px;
	margin-bottom:0;
	height:76px;
	font-variant:small-caps;
	background:url(images/searchrss.gif) no-repeat left top;
}

#menu_search_box input.s{
	width:150px;
	font-size:11px;
	color:#A90709;
	border:0px;
	padding:5px;
	padding-top:23px;
	height:25px;
	background:none;
}

#menu_search_box span{
	position:relative;
	top:-1px;
	font-weight:bold;
}
/*-------------Other------------------*/
hr {
	display: none;
}
a 
{
	color:#C80000;
}
#wp-calendar
{
width:200px;
color:#C80000;	
margin-left:10px;
text-align:center;
}
#calendar
{

}
td
{
color:#FBADAD;
}
#rss{
width:180px;
text-align:left;
padding-left:20px;
}
#about_abs{
float:left;
clear:both;
width:350px;
font:12px arial;
margin-top:-180px;
padding-left:300px;
color:#FFEB0C;
height:100px;
position:relative;
}

Ekleme: yardım edebilecek kimse varmı acaba menüler sola yaslı iekilde duruyor menüleri nasıl ortalarım acaba navlistten margin:0 auto; yaptım ekledim ama düzelmedi

acaba nasıl düzenlerim :(
 
Y

yumuX

0
İyinet Üyesi
Katılım
24 Mayıs 2011
Mesajlar
24
Reaction score
0
Konum
Bursa
CSS ortalamak için en dıştaki taşıyıcı div'in sağ ve sol margin değerlerini auto yapman yeterli.

Ayrıca menü için;

#navlist-container buradaki position değerini relative yapmayı dene.
 
Cevap yazmak için giriş yap yada kayıt ol.

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Üst