HTML Bilenler Yardım Edebilir Mi?

[Slatroner]

SA herkese. Ben sayfama aşağıdaki kodlara göre bir liste yerleştirdim. Komiktir ki bu listeyi sayfamın hangi tarafına koyacağımı bilmiyorum. Yani konumunu ayarlayamıyorum. Her zaman sol üstte duruyor. Yardım eden arkadaşlar dert görmesin.

HTML :

<div class="MENULOL">
<ul>
<li><a href="THEH.html" target="_blank"><center>LEAGUE OF LEGENDS</center></a></li>
</ul>
</div>

CSS :

 .MENULOL ul {
     margin:0;
     padding:0;
     list-style:none;
     width:250px;
     border-bottom:1px solid #FFF;
 }
 .MENULOL li {
     position:relative;
 }
 .MENULOL li ul {
     position:absolute;
     list-style:none;
     left:149px;
     width:150px;
     display:none;
     top:0;
 }
 .MENULOL li a {
     display:block;
     text-decoration:none;
     background-color:#FF3300;
     color:#FFF;
     font:bold 13px Keep Calm;
     padding:30px;
     border:1px solid #FFF;
     border-bottom:0;
 }
 .MENULOL li a:hover {
     background-color:#6600FF;
     color:#FFF; 
 }
 .MENULOL li:hover ul {
     display:block;
 }

 

[xenceri]

.MENULOL ul {
margin:0;
padding:0;
list-style:none;
width:250px;
border-bottom:1px solid #FFF;
}
margin:0 demek sayfanın en üstünden ve en solundan hiç boşluk bırakmadan yerleştir demek. Yani margin:0 yazarsan bu ul her zaman sayfanın en üstünde, solda yer alır. Konumu ayarlamak için,
margin:20px auto; ya da margin:falanfilanpx şubuopx; şeklinde değerler verebilirsin.
Burdaki ilk değer üstten ve alltan boşluk bırakır. İkinci değer ise soldan ve sağdan.
Aynı mantıkla margin'e 4 tane değer de verebilirsin. Mesela;
margin:0px 5px 10px 5px;
burda ilk değer üst
ikinci değer sağ
üçüncü değer alt
dördünce değer sol'dan boşluk bırakır.
Sadece bir taraftan özel olarak boşluk bırakmak için de
margin-left:5px;
margin-top: üstten boşluk bırakır;
margin-bottom: alttan boşluk bırakır;
margin-right: sağdan boşluk bırakır;
şeklinde bir tane değer vererek hizalayabilirsin.

 

[Slatroner]

Adamın dibisin <3
Bu arada sayfada konum belirlerken menüyü bir köşeye dayamak için değerler 0'a değil -20'lere düşüyor.

 

[xenceri]

Adamın dibisin <3
Bu arada sayfada konum belirlerken menüyü bir köşeye dayamak için değerler 0'a değil -20'lere düşüyor.

Onun nedeni ul lerin kendi padding değerleri olmasıdır. Margin demek bir elementi dıştan hizala-dıştan boşluk bırak demek, padding ise içten boşluk veriyor. Yani mesela sen ul'nin içindeki li'lere padding verirsen bunlar içten boşluk bırakır ve daha geniş görünürler ve li'nin içindeki yazının etrafında boşluklar olur.
Dolayısıyla her ul nin kendi padding değeri var ve aynı zamanda liststyle özelliği (yani li'ninin yanındaki noktalar) var. Eğer sen önce ul ve li' lere padding:0 verirsen ve ul nin içine liststyle:none; değerini verirsen o zaman ul sıfırlanır ve margin:0 ile en köşeye yerleşir
Kolay gelsin