Nerede hata yapıyorum?

6 Mesajlar

1.409 Okunma

15.03.2012 21:43

Riza 1337 @ trendyol Kullanıcı

Üyelik 28.10.2011
Yaş/Cinsiyet 28 / E
Meslek 1337
Konum İzmir

Ad Soyad R** S**
Mesajlar 1843
Beğeniler 1008 / 403
Ticaret 21, (%100)

Biraz önce başladığım Hüseyin Emanet'in tasarladığı Minimal , PSD sini CSS'e dökmeye calısıyorum , ilk defa bir tasarımı CSS'e dökeceğim için acemiyim , header ve arkaplana kadar herşey tamam düzgün gidiyordu ancak , Anasayfa'nın yanında bir adet daha [B]

ile menü eklediğimde , menüler üst üste biniyor. Nerede hata yapıyorum söylermisiniz ?[/B] :confused:

CSS Kodları


body {
background: url(images/arkaplan.png);
}
.header {
background: url(images/ustarka.png);
width:961px;
height:76;
padding-top:76px;
margin-top:-8px;
margin-left:150px;
display:block;
-moz-box-shadow:    0px 3px 5px 1px #ccc;
-webkit-box-shadow: 0px 3px 5px 1px #ccc;
box-shadow:         0px 3px 5px 1px #ccc;
}
.logocan {
float:left;
background: url(images/logo.png);
width:183px;
height:51px;
margin-top:-60px;
margin-left:10px;
}
.ustmenuler {
font-family:Segoe UI;
font-size:15px;
color:#a8a8a8;
display:inline;
margin-top:-45px;
font-weight:normal;

}
.ustmenuler li {
list-style:none;
margin-right:300px;
text-shadow: 2px 1px 1px #dddddd;
border-bottom:3px solid #f294ca;
height:42px;
float:right;
display:inline;
margin-top:-45px;

}
.ustmenuler li:hover {
color:#f294ca;
}

HTML Kodları








Minimal - PSD to XHTML&CSS

Anasayfa

ve images klasörü'nü buradan indirebilirsiniz , yardımcı olursanız inşallah CSS'e döktüğümde forumda paylaşacağım :) :) Teşekkürler simdiden..

1 kişi bu mesajı beğendi.

1337

15.03.2012 23:48

Berk Sms Onayı Gerekli Banlı Kullanıcı

Üyelik 05.01.2011
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 562
Beğeniler 64 / 104
Ticaret 0, (%0)

Arkadaşıma gösterdim kodları gerekli değişiklikleri yapmış.

CSS Kodları:

*{margin:0; padding:0;}
body {
background: url(images/arkaplan.png);
}
.header {
background: url(images/ustarka.png);
width:961px;
height:76px;
margin-left:150px;
display:block;
-moz-box-shadow:    0px 3px 5px 1px #ccc;
-webkit-box-shadow: 0px 3px 5px 1px #ccc;
box-shadow:         0px 3px 5px 1px #ccc;
}
.logocan {
float:left;
background: url(images/logo.png);
width:183px;
height:51px;
margin-left:10px;
margin-top:15px;
}
.ustmenuler {
font-family:Segoe UI;
font-size:15px;
color:#a8a8a8;
display:inline;
font-weight:normal;
float:right;
padding-top:15px;
}
.ustmenuler li {
list-style:none;
text-shadow: 2px 1px 1px #dddddd;
border-bottom:3px solid #f294ca;
padding:10px 15px;
float:right;
display:inline;
}
.ustmenuler li:hover {
color:#f294ca;
}

HTML Kodları:







Minimal - PSD to XHTML&CSS 



	
			
			Anasayfa

			hakkımızda

			iletişim

16.03.2012 10:56

Riza 1337 @ trendyol Kullanıcı

Üyelik 28.10.2011
Yaş/Cinsiyet 28 / E
Meslek 1337
Konum İzmir

Ad Soyad R** S**
Mesajlar 1843
Beğeniler 1008 / 403
Ticaret 21, (%100)

Teşekkürler cok sagolun ;)

1337

17.03.2012 09:28

ArtemisTr Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.09.2011
Yaş/Cinsiyet - / E
Meslek Öğrenci
Konum

Ad Soyad ** **
Mesajlar 929
Beğeniler 102 / 57
Ticaret 0, (%0)

Merhaba Rick35,
Bunu css'e dökmüşler. Fazla uğraşma derim.
Tıklayın

Ek Olarak: Tayfun Erbilen Tarafından

17.03.2012 10:24

Riza 1337 @ trendyol Kullanıcı

Üyelik 28.10.2011
Yaş/Cinsiyet 28 / E
Meslek 1337
Konum İzmir

Ad Soyad R** S**
Mesajlar 1843
Beğeniler 1008 / 403
Ticaret 21, (%100)

Bende sonradan gördüm css döküldüğünü hatta cudjex wp bile entegre etmiş :) Bende kendimi gelistirmek icin döküyorum zaten :) Teşekkürler yinede :)

1337

17.03.2012 11:26

ArtemisTr Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.09.2011
Yaş/Cinsiyet - / E
Meslek Öğrenci
Konum

Ad Soyad ** **
Mesajlar 929
Beğeniler 102 / 57
Ticaret 0, (%0)

Ben öyle psddeden yola çıkmıyorum.Anlık hayal gücümü kullanıyorum.

Nerede hata yapıyorum?

Üye Girişi Yap