Css kod yardım |
7 Mesajlar | 1.080 Okunma | ||
- Üyelik 30.01.2012
- Yaş/Cinsiyet - / E
- Meslek Öğrenci
- Konum
- Ad Soyad ** **
- Mesajlar 91
- Beğeniler 5 / 11
- Ticaret 0, (%0)
Merhaba arkadaşlar sorunum şu tam ekran olunca siteyi gösteriyor ancak küçültdüğümde sitenin yan kısmında boşluk oluşuyor bunu nasıl çözebilirim
- Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
kodlarını yazmanda sakınca var mı ?
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
- Üyelik 30.01.2012
- Yaş/Cinsiyet - / E
- Meslek Öğrenci
- Konum
- Ad Soyad ** **
- Mesajlar 91
- Beğeniler 5 / 11
- Ticaret 0, (%0)
Tabiki
body {
background-image: url(../images/bg.jpg);
}
#header {
height: 132px;
margin:-8px -8px 0px -8px;
width:auto;
}
.ust {
height: 42px;
background-image : url(../images/ust_bg.png);
}
.alt {
background-repeat: repeat;
height: 90px;
background-image : url(../images/alt_bg.png);
}
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
ul#menu li{
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu li a{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
}
ul#menu li a:hover{
color:#FFFFFF;
height:22px;
}
ul#menu li a.yazi{
display:inline;
height:22px;
float:left;
margin:0;
position: relative;
left:75px;
}
ul#menu li a.yazi1{
position:relative;
left:850px;
}
.logo {
width:145px;
height:34px;
position:relative;
left:90px;
padding-top: 25px;
}
.text {
width: 150px;
height: 18px;
position: relative ;
left: 990px;
top: -35px;
}
#icerik {
width: 961px;
height: 973px;
background-image: url(../images/icerik_bg.png);
margin: auto;
margin-top: 12px;
}
.icerikust {
height:45px;
width: 961px;
background-image: url(../images/icerik_ust_bg.png);
background-repeat: repeat;
margin:auto;
}
.icerikalt {
background-image: url(../images/icerik_alt_bg.png);
margin:auto;
height:840px;
width: 750px;
}
.footer {
background-image: url(../images/footer.png);
height: 107px;
width: 960px;
background-repeat: no-repeat;
}
#uyeol {
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
color:white;
margin:auto;
}
ul#uyeol li a.uyeolyazi{
position:relative;
top:10px;
left:435px;
}
.uyelik {
float:right;
font-size:15px;
font-family:Tahoma, Geneva, sans-serif;
}
.buton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
width:55px;
height:25px;
position: relative ;
left: 990px;
top: -35px;
}
.buton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}
.buton:active {
margin-top:1px;
}
.uyetext {
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
border-radius: 33px;
}
.buton1 {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
width:65px;
height:28px;
}
.buton1:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
} - Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
width:auto; yu kullanırsan pencerenin genişliğine göre büyür küçülür bunun yerine 960px gibi standartlaşmış ideal büyüklükleri yada 50% gibi oran kllanırsan daha sağlıklı olur
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
- Üyelik 16.08.2011
- Yaş/Cinsiyet 27 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad F** Ç**
- Mesajlar 175
- Beğeniler 48 / 41
- Ticaret 1, (%100)
body kısmı yerine şu kodu dener misin
html {
background: url(../images/bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} - Üyelik 30.01.2012
- Yaş/Cinsiyet - / E
- Meslek Öğrenci
- Konum
- Ad Soyad ** **
- Mesajlar 91
- Beğeniler 5 / 11
- Ticaret 0, (%0)
@oerdem bende pencerenin boyutuna göre ayarlanmasını istiyorum. Ama kayma oluyor dediğiniz gibi yapınca sorun kalkıyor ama çok büyük ekranlarda sorun ne olacak veya çok küçüklerde?
@Furkan Çelebi denedim olmadı
@Furkan Çelebi denedim olmadı
- Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
mesela divi margin-left:25%; width:50% yapınca tam ortada ekranın yarısı kadar bi alan kaplar bu ekran büyüklüğüne göre %sini alır ve standart kodlamak her zaman idealdir. 17" baz alarak
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)