Css Sorunu

6 Mesajlar

989 Okunma

12.04.2016 11:56

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

Üyelik 04.12.2015
Yaş/Cinsiyet 34 / E
Meslek 3D CG Artist
Konum Fransa

Ad Soyad C** E**
Mesajlar 233
Beğeniler 76 / 54
Ticaret 2, (%100)

Herkese Merhaba,
Yukarıda kırmızı bar mevcut, bu barın üzerine ayriyetten logo ekledim, z-index ile üste çıkardım.
Şimdi bi içerik alanı eklemek istiyorum bir div daha oluşturdum ve bu divin üst kısımdaki kırmızı bara yapışmasını istiyorum fakat böyle logoya takılıp kalıyor. Nasıl çözerim?
Not: tema bana ait değil sadece bir kaç deneme yapıyorum.

12.04.2016 12:23

FurkanKandemir WM Aracı Kullanıcı

Üyelik 25.05.2015
Yaş/Cinsiyet 32 / E
Meslek Web Yazılım Uzmanı
Konum İstanbul Anadolu

Ad Soyad F** K**
Mesajlar 833
Beğeniler 0 / 287
Ticaret 13, (%100)

Kodların bulunduğu adresi verirseniz google chrome öğeyi denetle ile ilgili sorunu çözüp direkt kodlarını gönderelim.
Normal bakacak olursak logonun bulunduğu üçgen amca position absolute olmadığı için divin yukarı çıkmasına izin vermiyor :) Siz logo yerine o ücgen amcaya absolute verip sabitlemeye çalışın probleminiz düzelecektir. Eğer ücgen amca bir divin içinde ise onada bir el atmak lazım

1 kişi bu mesajı beğendi.

12.04.2016 12:26

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

Üyelik 04.12.2015
Yaş/Cinsiyet 34 / E
Meslek 3D CG Artist
Konum Fransa

Ad Soyad C** E**
Mesajlar 233
Beğeniler 76 / 54
Ticaret 2, (%100)

FurkanKandemir adlı üyeden alıntı

Ö.M ile kodları gönderdim hocam, ilginiz için çok teşekkür ederim

12.04.2016 12:42

FurkanKandemir WM Aracı Kullanıcı

Üyelik 25.05.2015
Yaş/Cinsiyet 32 / E
Meslek Web Yazılım Uzmanı
Konum İstanbul Anadolu

Ad Soyad F** K**
Mesajlar 833
Beğeniler 0 / 287
Ticaret 13, (%100)

Şimdi gelelim çözüme.
Öncelikle bir div kapanmış fakt açılmamış onu temizledim.
Daha sonra logomuzun bulunduğu divde loguyu arka plan olarak ekledim. (ortalama işlemleri ve position işlemini kolaylaştırmak adına)
Daha sonra content divimiz yukarı fırladı ama bizim belli bir miktar aşağı indirmemiz lazım çünkü absoloute ile 2 div ekledik bu alanı tekrar eklemek için padding-top değeri verdik.
Eğer margin-top versek logomuz aşağı kayıyordu yine.
Fazlalık kodları temizledim artık orasıda size kalmış responsive vs :)

Umarım yardımcı olabilmişimdir :)


background-position: center center -> Arka planda hizalama dikey ve yatay ortala
background-repeat: no-repeat: resim küçük geldiğinde tekrarlamasını engellemek için

Kodların Yeni Hali




Başlık 






 


 

 Burası da yazı divimiz sanırım

Kodların Eski Hali



Başlık

1 kişi bu mesajı beğendi.

12.04.2016 12:47

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

Üyelik 04.12.2015
Yaş/Cinsiyet 34 / E
Meslek 3D CG Artist
Konum Fransa

Ad Soyad C** E**
Mesajlar 233
Beğeniler 76 / 54
Ticaret 2, (%100)

FurkanKandemir adlı üyeden alıntı



background-position: center center -> Arka planda hizalama dikey ve yatay ortala

background-repeat: no-repeat: resim küçük geldiğinde tekrarlamasını engellemek için

Kodların Yeni Hali







Başlık 













 





 



 Burası da yazı divimiz sanırım

Kodların Eski Hali





Başlık

Çok teşekkür ederim hocam, gerçekten çok ilgili ve iş bilir kişisiniz. Uğraştınız ettiniz, Allah sizden razı olsun.

12.04.2016 12:51

FurkanKandemir WM Aracı Kullanıcı

Üyelik 25.05.2015
Yaş/Cinsiyet 32 / E
Meslek Web Yazılım Uzmanı
Konum İstanbul Anadolu

Ad Soyad F** K**
Mesajlar 833
Beğeniler 0 / 287
Ticaret 13, (%100)

Yardımcı olabildiysem ne mutlu bana.
Diğer projelerinizde de başarılar dilerim.
İyi forumlar

1 kişi bu mesajı beğendi.

Css Sorunu

Üye Girişi Yap