0
Kayıt Ol

menüyü ortalamak

5

●

831

  • 26-03-2009, 16:23:58
    #1
    Mike
    Mike
    Aşağıdaki menüyü bir türlü ortalayamadım. witdh değeri %100 olması gerekiyor. sadece menünün içinde bulunan linkler ortalanması gerekiyor.
    .indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
padding-top:130px;
}
.indentmenu ul{
margin: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #FFFFFF; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 10px 10px;
text-decoration: none;
border-right: 1px solid #FFFFFF; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 10px; /*shift text down 1px for selected and active item*/
padding-bottom: 10px; /*shift text down 1px for selected and active item*/
background: black url(../images/blockactive.gif) center center repeat-x;
}
    <div class="indentmenu">
<ul >
<li><a href="" class="current">Home</a></li>
<li><a href="" >- XXX-</a></li>
<li><a href="">- XXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX -</a></li>

</ul></div>
  • 26-03-2009, 17:50:58
    #2
    FavoriHosting
    FavoriHosting 
    .indentmenu{
font: bold 13px Arial;
width: 100%; 
overflow: hidden;
padding-top:130px;
}
.indentmenu ul{
margin: 0;
float: left;
width: 100%; 
border: 1px solid #FFFFFF; 
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; 
padding: 10px 60px;
text-decoration: none;
border-right: 1px solid #FFFFFF; 
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; 
padding-top: 10px; 
padding-bottom: 10px; 
background: black url(../images/blockactive.gif) center center repeat-x;
}
    Şunu dener misiniz?
  • 26-03-2009, 18:58:46
    #3
    Mike
    Mike
    olmadı
    padding: 10px 60px; yapmışsın değeri ama olmadı sadece biraz daha büyüdü. ben kendi ekranıma göre ortalayabiliyorum fakat her ekranın boyutu farklı oldugu için olmuyor center gibi birşey gerekiyor.
  • 26-03-2009, 20:00:56
    #4
    Prof.Huko
    Prof.Huko
    Kimlik doğrulama veya yönetimden onay bekliyor.
    indentmenu'ye width verin, örnek: 500px
    daha sonra, margin-left: auto; ve margin-right: auto; ekleyin.
  • 26-03-2009, 23:15:08
    #5
    onlinerapmuzo
    onlinerapmuzo
    Üyeliği durduruldu
    direk şu kodu yapıştır bakalım 


    <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<style type="text/css">
<!--
body { margin: 0px 0px 0px 0px;}
.indentmenu{
font: bold 13px Arial;
width: 100%; 
overflow: hidden;
padding-top:130px;
}
.indentmenu ul{
margin: 0;
float: left;
width: 100%; 
border: 1px solid #FFFFFF; 
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; 
padding: 10px 10px;
text-decoration: none;
border-right: 1px solid #FFFFFF; 
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; 
padding-top: 10px; 
padding-bottom: 10px; 
background: black url(../images/blockactive.gif) center center repeat-x;
}
.tasiyici{ float:left; margin-left:300px;}

-->
</style></head>

<body>
<div class="tasiyici">
<div class="indentmenu">
<ul >
<li><a href="" class="current">Home</a></li>
<li><a href="" >- XXX-</a></li>
<li><a href="">- XXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX -</a></li>
</ul></div> 
</div>
</body>
</html>
  • 27-03-2009, 00:12:54
    #6
    Mike
    Mike
    ikinizinde vermiş oldugu kodlar olmadı. witdh değeri vermek istemiyorum(pixcel olarak) çunku sayfanın genişlemesine uzamasını istiyorum menünün.bunu daha farklıda yapabilirim fakat menü dışında birşey yazmayım demişdim neysa diğer türlü yapacaz saolun