Iframe ve İçerik

AN0N

Yeni üye
27 Ara 2015
16
0
Sanal Alem
Herkese iyi tatiller yine ben =]

Web sayfamın body'sine Iframe eklediğim zaman,body'de bulunan menü (navigation bar) body'den yok oluyor.Iframe kullanma ve web tasarım konusunda biraz yeniyim, sorunu ne kadar bulmaya çalışsam da bulamadım.Bu sorunun nereden kaynaklandığı veya çözümü hakkında herhangi bir fikri olan var mı ?
Menü'nün kodları :
Kod:
 <div class="liste">
            <ul class="navv">
                <li><a href="#" class="nav-bar">Program 1</a></li>
                <li><a href="#" class="nav-bar">Program 2</a></li>
</ul>
</div>

Kod:
         .navv {
             list-style-type: none;
            margin: 86px 0 0 0;
            padding: 0px;
            position:fixed;
            
        }
        
        .nav-bar:link, .nav-bar:visited {
            display: block;
            font-weight: default;
            color: #FFFFFF;
            background-color: #405580;
            width: 120px;
            text-align: center;
            padding: 4px;
            text-decoration: none;
            text-transform: uppercase;
            font:  14px/20px Arial, Sans-Serif;
            border-bottom: 1px solid #333333;
            border-radius: 2px;
        }
        
        .nav-bar:hover,.nav-bar:active {
            background-color: #333333;  
        }

Burada ise Iframe'nin kodları :

Kod:
<iframe src="calculatorr.html" class="çerçeve" id="cerceve"></iframe>

Kod:
  iframe {
    height:800px;
    width:800px;
    margin: 100px 400px auto  400px;
    border:1px solid;
}
 

zztri

Yaşayan Forum Efsanesi
9 Tem 2015
10,053
389
Ankara
Üstadım yüklü olduğu bir alanı link olarak verirsen çok daha kolay bulabiliriz.

Gördüğümüz kadarı ile menün de block style element, iframe üstüne geliyor ve daha sonra tanımlanmışsa, o da z-index'te menünün üstüne çıkıyordur. Yani kaybolmuyordur menün, iframe üstüne çiziliyordur.
 

AN0N

Yeni üye
27 Ara 2015
16
0
Sanal Alem
Üstadım yüklü olduğu bir alanı link olarak verirsen çok daha kolay bulabiliriz.

Gördüğümüz kadarı ile menün de block style element, iframe üstüne geliyor ve daha sonra tanımlanmışsa, o da z-index'te menünün üstüne çıkıyordur. Yani kaybolmuyordur menün, iframe üstüne çiziliyordur.

CodePen'de sayfanın tamamının linki ;
A Pen by Slevin Forbes

Şuanki halinde Iframe açık.Sorunu görmek için HTML kısmında'ki Iframe'i silmek yeterli.Sildiğimiz zaman yazdığım navigation bar gözüküyor.Umarım burdan bir sonuç çıkar :/
-- Büyük ihtimalle dediğiniz gibi üste çıkıyor,peki bu sorunu nasıl düzeltebilirim?
 

zztri

Yaşayan Forum Efsanesi
9 Tem 2015
10,053
389
Ankara
CodePen'de sayfanın tamamının linki ;
A Pen by Slevin Forbes

Şuanki halinde Iframe açık.Sorunu görmek için HTML kısmında'ki Iframe'i silmek yeterli.Sildiğimiz zaman yazdığım navigation bar gözüküyor.Umarım burdan bir sonuç çıkar :/
-- Büyük ihtimalle dediğiniz gibi üste çıkıyor,peki bu sorunu nasıl düzeltebilirim?

Üste çıkmıyor.. Sorun opacity.. Kod tam olarak ona söylediğin şekilde çalışıyor..

<header> elemanı için opacity:0.90 demişsin, yani bu elemanda 10% transparanlık olsun demişsin. O da aynen dediğini yapıyor, 10% transparan olduğu için arkasındaki iframe'i gösteriyor.

Opacity özelliğini silip onun yerine tonlarıyla oynamalısın. Bütün renklerde r,g ve b'nin hepsine 25 eklemek, 10% transparanlığın verdiği açıklığın aynı tonunu verecektir.
 

AN0N

Yeni üye
27 Ara 2015
16
0
Sanal Alem
Üste çıkmıyor.. Sorun opacity.. Kod tam olarak ona söylediğin şekilde çalışıyor..

<header> elemanı için opacity:0.90 demişsin, yani bu elemanda 10% transparanlık olsun demişsin. O da aynen dediğini yapıyor, 10% transparan olduğu için arkasındaki iframe'i gösteriyor.

Opacity özelliğini silip onun yerine tonlarıyla oynamalısın. Bütün renklerde r,g ve b'nin hepsine 25 eklemek, 10% transparanlığın verdiği açıklığın aynı tonunu verecektir.

Öncelikle zaman ayırıp cevap verdiğiniz için çok teşekkür ederim,
Dediğiniz gibi opacity ayarlarını yaptım fakat yine menü kısmını gösteremedim.Hatta header'i komple sildim,yine Iframe önde kaldı.Kodu sadece istediğim bölüm şekline getirdiğimde, yani en sade hali böyle ; A Pen by Slevin Forbes

Hâla
Kod:
<iframe src="calculatorr.html" class="çerçeve" id="cerceve"></iframe>
kısmı silinmeden menü ortaya çıkmıyor.Siz sanırım denediniz ve çalıştı fakat ben (büyük ihtimalle amatörlükten) çalıştıramadım.Eğer çalıştırdığınız kod varsa paylaşabilir misiniz ?
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.