Html Hakkında Bazı Sorunlar |
13 Mesajlar | 2.019 Okunma |
@charset "UTF-8";
body{
height:100%;
width:100%;
background-image: url(../img/yeni.png);
background-repeat: repeat;
background-position: center -69px;
display:block;
}
.anadiv{
margin-top:51px;
margin-right:auto;
margin-bottom:51px;
margin-left:auto;
width:840px;
height:720px;
position:relative;
}
.ust{
width:840px;
height:120px;
}
.ust-kutu{
position:relative;
width:100%;
height:100%;
}
.ust-sol{
float:left;
width:240px;
height:120px;
background-color:#faa15f;
}
.ust-sol:hover{
float:left;
width:240px;
height:120px;
background-color:#FFB66E;
}
.ust-sag{
float:left;
width:600px;
height:120px;
text-align:center;
display: table;
}
#ust-sag1{
width:120px;
height:120px;
float:left;
background-color:#C7C7C7;
}
#ust-sag1 a{
width:120px;
height:120px;
color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag1 a:hover{
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag2{
width:120px;
height:120px;
float:left;
background-color:#BFBFBF;
}
#ust-sag2 a{
width:120px;
height:120px;
color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag2 a:hover{
width:120px;
height:120px;
text-decoration:none;
color:#282828;
background-color:white;
display: table-cell;
vertical-align: middle;
}
#ust-sag3{
width:120px;
height:120px;
float:left;
background-color:#8B8B8B;
}
#ust-sag3 a{
width:120px;
height:120px;
color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag3 a:hover{
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag4{
width:120px;
height:120px;
float:left;
background-color:#59595A;
}
#ust-sag4 a{
width:120px;
height:120px;
color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag4 a:hover{
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag5{
width:120px;
height:120px;
float:left;
background-color:#282828;
}
#ust-sag5 a{
width:120px;
height:120px;
color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
#ust-sag5 a:hover{
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
display: table-cell;
vertical-align: middle;
}
.orta{
width:840px;
height:480px;
}
.kutu{
position:absolute;
width:100%;
height:100%;
z-index:999;
left:0;
top:0;
}
.cizgi{
display: block;
position: absolute;
left:0;
top:0;
width:100%;
height: 100%;
background-image: url(../img/yeni.png);
z-index: 99999;
pointer-events:none;
}
.orta-ic{
display: block;
width:100%;
height: 100%;
background:transparent;
pointer-events: all;
}
.orta-kutu{
position:relative;
width:100%;
height:100%;
}
.orta-sol{
position:relative;
float:left;
width:120px;
height:480px;
text-align:center;
}
#orta-sol1{
float:left;
width:120px;
height:120px;
background-color:#C7C7C7;
}
#orta-sol1 a{
float:left;
width:120px;
height:120px;
color:white;
text-decoration:none;
padding-top:35px;
}
#orta-sol1 a:hover{
float:left;
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
padding-top:35px;
}
#orta-sol2{
float:left;
width:120px;
height:120px;
background-color:#BFBFBF;
}
#orta-sol2 a{
float:left;
width:120px;
height:120px;
color:white;
text-decoration:none;
padding-top:50px;
}
#orta-sol2 a:hover{
float:left;
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
padding-top:50px;
}
#orta-sol3{
float:left;
width:120px;
height:120px;
background-color:#8B8B8B;
}
#orta-sol3 a{
float:left;
width:120px;
height:120px;
color:white;
text-decoration:none;
padding-top:35px;
}
#orta-sol3 a:hover{
float:left;
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
padding-top:35px;
}
#orta-sol4{
float:left;
width:120px;
height:120px;
background-color:#59595A;
}
#orta-sol4 a{
float:left;
width:120px;
height:120px;
color:white;
text-decoration:none;
padding-top:50px;
}
#orta-sol4 a:hover{
float:left;
width:120px;
height:120px;
color:#282828;
background-color:white;
text-decoration:none;
padding-top:50px;
}
.orta-sag{
float:left;
width:720px;
height:480px;
position: relative;
}
.alt{
width:840px;
height:120px;
}
.alt-kutu{
position:relative;
width:100%;
height:100%;
}
.alt-sol{
position:relative;
float:left;
width:120px;
height:120px;
}
#alt-sol1{
width:120px;
height:120px;
float:left;
background-color:#282828;
}
#alt-sol1 a{
float:left;
width:120px;
height:80px;
color:white;
text-decoration:none;
text-align:center;
padding-top:40px;
}
#alt-sol1 a:hover{
float:left;
width:120px;
height:80px;
color:#282828;
background-color:white;
text-decoration:none;
text-align:center;
padding-top:40px;
}
.alt-sag{
float:left;
width:720px;
height:70px;
text-align:center;
color:white;
background-color:#282828;
padding-top:50px;
}
.alt-sag:hover{
float:left;
width:720px;
height:70px;
color:#282828;
background-color:white;
padding-top:50px;
}
.temizle{
clear:both;
}