css menü ortalama

01-12-2013, 20:15:40

#1

ozkan003

arkadaşlar elimdeki css menünü ortalanmasını istiyorum bir kaç kez kendim uğraştım ama ortalıyamadım. anlayana birisi lütfen el atsın.
benim istediğim arka zemin sayfayı komple kaplasın menü linkleri ortalansın.

html kodu

<html>
<head>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<div id='cssmenu'>
<ul>
<li class='active '><a href='http://www.***.com'>Haber</a></li>
<li><a href='http://***.net'>Emlak</a></li>
<li><a href='http://***.net'>Firma Rehberi</a></li>
<li><a href='http://***.net'>Araba</a></li>
<li><a href='http://***.net'>2 El Esya</a></li>
<li><a href='http://***.net'>IS-ELEMAN</a></li>
<li><a href='http://***.com'>FORUM</a></li>
<li><a href='http://***.com'>RADYO</a></li>
<li><a target="_blank" href='http://***.com/flashchat.php'>SOHBET</a></li>
<li><a href='http://***.com'>DIL KURSU</a></li>
<li><a href='http://***.com/iletisim/'>ILETISIM</a></li>
</ul>
</div>
</head>
</html>

css kodu

#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
text-transform:uppercase;
font-size:12px;
background:transparent url('images/black.jpg') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
#cssmenu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:8px 15px 0 15px;
height:18px;
height:22px;
}
#cssmenu li a:hover{
background:transparent url('images/blue.jpg') repeat-x top left;
}
02-12-2013, 09:25:02

#2

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

arkadaşlar elimdeki css menünü ortalanmasını istiyorum bir kaç kez kendim uğraştım ama ortalıyamadım. anlayana birisi lütfen el atsın.
benim istediğim arka zemin sayfayı komple kaplasın menü linkleri ortalansın.

html kodu

<html>
<head>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<div id='cssmenu'>
<ul>
<li class='active '><a href='http://www.***.com'>Haber</a></li>
<li><a href='http://***.net'>Emlak</a></li>
<li><a href='http://***.net'>Firma Rehberi</a></li>
<li><a href='http://***.net'>Araba</a></li>
<li><a href='http://***.net'>2 El Esya</a></li>
<li><a href='http://***.net'>IS-ELEMAN</a></li>
<li><a href='http://***.com'>FORUM</a></li>
<li><a href='http://***.com'>RADYO</a></li>
<li><a target="_blank" href='http://***.com/flashchat.php'>SOHBET</a></li>
<li><a href='http://***.com'>DIL KURSU</a></li>
<li><a href='http://***.com/iletisim/'>ILETISIM</a></li>
</ul>
</div>
</head>
</html>

css kodu

#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
text-transform:uppercase;
font-size:12px;
background:transparent url('images/black.jpg') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
#cssmenu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:8px 15px 0 15px;
height:18px;
height:22px;
}
#cssmenu li a:hover{
background:transparent url('images/blue.jpg') repeat-x top left;
}
```
 body {
 margin: 0;
 padding: 0;
 }

 #cssmenu {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: auto;
 position: relative;
 display: block;
 height: 30px;
 text-transform: uppercase;
 font-size: 12px;
 font-family: Helvetica,Arial,Verdana,sans-serif;
 background: transparent url('images/black.jpg') repeat-x top left;
 }

 #cssmenu ul {
 margin: 0 auto;
 width:980px;
 }

 #cssmenu ul li {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 border-right: 1px solid #ffffff;
 }

 #cssmenu ul li a {
 display: block;
 float: left;
 color: #ffffff;
 text-decoration: none;
 padding: 8px 15px 0 15px;
 height: 18px;
 height: 22px;
 }

 #cssmenu ul li a:hover {
 background: transparent url('images/blue.jpg') repeat-x top left;
 }
```
Şeklinde yaparsan sorun düzelir.

02-12-2013, 09:47:05

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

        body {
            margin: 0;
            padding: 0;
        }

        #cssmenu {
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: auto;
            position: relative;
            display: block;
            height: 30px;
            text-transform: uppercase;
            font-size: 12px;
            font-family: Helvetica,Arial,Verdana,sans-serif;
            background: transparent url('images/black.jpg') repeat-x top left;
        }

            #cssmenu ul {
                margin: 0 auto;
                width:980px;
            }

                #cssmenu ul li {
                    display: block;
                    float: left;
                    margin: 0;
                    padding: 0;
                    border-right: 1px solid #ffffff;
                }

                    #cssmenu ul li a {
                        display: block;
                        float: left;
                        color: #ffffff;
                        text-decoration: none;
                        padding: 8px 15px 0 15px;
                        height: 18px;
                        height: 22px;
                    }

                        #cssmenu ul li a:hover {
                            background: transparent url('images/blue.jpg') repeat-x top left;
                        }

Şeklinde yaparsan sorun düzelir.

oldu. çok teşekkürler, Allah razı olsun.

02-12-2013, 11:13:21

#4

alikarakoc93

rica ederim