- 15 Nis 2021
- 106
- 3
Arkadaşlar css de margin:0 auto; tam ortalanmıyor bu işlerde yeniyim lütfen yardım edin kodları atıyorum
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.menu {
margin:0 auto;
width:650px;
}
.menu ul{
list-style-type:none;
margin:0;
padding:0;
}
.menu li {
position:releative;
float:left;
width:100px;
}
.menu ul li ul {
display:none;
}
.menu ul li:hover ul{
display:block;
}
.menu li a{
text-decoration:none;
background-color:grey;
display:block;
color:white;
font-size:5;
padding:5px;
}
.menu li a:hover{
background-color:skyblue;
transition:.9s ease-in-out;
}
</style>
<title>DENEME 1</title>
<meta charset="UTF-8">
<body bgcolor="green">
<div class="menu">
<ul>
<li><a href="">Anasayfa</li></a>
<li><a href="">Hakkımda</a>
<ul>
<li><a href="">Yaşım</li></a>
<li><a href="">Ben Kimim</li></a>
<li><a href="">Nereliyim</li></a>
<li><a href="">Bana nasıl ulaşabilirsiniz?</li></a>
<li><a href="">Nasıl Yapılır?</li></a>
</ul>
</li>
<li><a href="">İletişim</li></a>
<li><a href="">Oyunlar</li></a>
<li><a href="">Nasıl Yapılır?</li></a>
</ul>
</body>
</head>
</html>
Profösyönel bir arkadaştan yardım bekliyorum
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.menu {
margin:0 auto;
width:650px;
}
.menu ul{
list-style-type:none;
margin:0;
padding:0;
}
.menu li {
position:releative;
float:left;
width:100px;
}
.menu ul li ul {
display:none;
}
.menu ul li:hover ul{
display:block;
}
.menu li a{
text-decoration:none;
background-color:grey;
display:block;
color:white;
font-size:5;
padding:5px;
}
.menu li a:hover{
background-color:skyblue;
transition:.9s ease-in-out;
}
</style>
<title>DENEME 1</title>
<meta charset="UTF-8">
<body bgcolor="green">
<div class="menu">
<ul>
<li><a href="">Anasayfa</li></a>
<li><a href="">Hakkımda</a>
<ul>
<li><a href="">Yaşım</li></a>
<li><a href="">Ben Kimim</li></a>
<li><a href="">Nereliyim</li></a>
<li><a href="">Bana nasıl ulaşabilirsiniz?</li></a>
<li><a href="">Nasıl Yapılır?</li></a>
</ul>
</li>
<li><a href="">İletişim</li></a>
<li><a href="">Oyunlar</li></a>
<li><a href="">Nasıl Yapılır?</li></a>
</ul>
</body>
</head>
</html>
Profösyönel bir arkadaştan yardım bekliyorum