Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

div/css hakkında bir sorunum var

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
6
Cevap
0
Favori
174
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • basit bir site tasarlamaya çalışıyorum ama bir sorunum var.
    ilk resimdeki gibi menü fotoğrafın altında ama çalıştırınca fotoğrafın üstüne çıkıyor:
    div/css hakkında bir sorunum var
    div/css hakkında bir sorunum var

    < Bu ileti mobil sürüm kullanılarak atıldı >







  • Z-index kullandınız mı? Büyük ihtimal margin değerlerinden kaynaklı bir sorun gibi gözüküyor.Birde css kodunda position değeri varsa kayma yapıyor olabilir.Kodları paylaşırsanız daha somut cevaplar verebilirim.

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • MOLİVER kullanıcısına yanıt
    ben kod kullanmadan yaptım ama tüm kodlar altta.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    #sayfa {
    height: 800px;
    width: 800px;
    margin: auto;
    }
    #banner {
    background-image: url(leaves-leaves-green-greens-spring-branch-tree-light-heat-close-up.jpg);
    height: 241px;
    width: 768px;
    margin: auto;
    }
    #menu {
    }
    #sayfa #banner #menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    #sayfa #banner #menu ul li {
    background-color: #9F6;
    float: left;
    height: 30px;
    width: 160px;
    position: relative;
    text-align: center;
    line-height: 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    }
    #sayfa #banner #menu ul li a {
    text-decoration: none;
    display: block;
    padding-left: 5px;
    }
    #sayfa #banner #menu ul li a:hover {
    text-decoration: none;
    display: block;
    padding-left: 5px;
    background-color: #9F9;
    }
    #sayfa #banner #menu ul li ul {
    display: none;
    top: 30px;
    position: absolute;
    }
    #sayfa #banner #menu ul li:hover ul {
    display: block;
    top: 30px;
    }
    </style>
    </head>

    <body>
    <div id="sayfa">
    <div id="banner">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <div id="menu">
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108269745&url=#" data-href="#"> Anasayfa</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108269745&url=#" data-href="#">Galeri</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108269745&url=#" data-href="#">Hakkımızda</a></li>
    <li><a href="#">İletişim
    </a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108269745&url=#" data-href="#">Mail</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108269745&url=#" data-href="#">Telefon</a></li>
    </ul>
    </li>
    </ul>
    </div>
    <p> </p>
    </div>
    </div>
    </body>
    </html> 




  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      <html xmlns="http://www.w3.org/1999/xhtml">  
      <head>  
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
      <title>Untitled Document</title>  
      <style type="text/css">  
      #sayfa {  
      height: 800px;  
      width: 800px;  
      margin: auto;  
      }  
      #banner {  
      background-image: url(leaves-leaves-green-greens-spring-branch-tree-light-heat-close-up.jpg);  
      height: 241px;  
      width: 768px;  
      margin: auto;  
      }  
      #menu { padding: 241px 0 0 0; 
      }  
      #sayfa #banner #menu ul {  
      list-style-type: none;  
      margin: 0px;  
      padding: 0px;  
      }  
      #sayfa #banner #menu ul li {  
      background-color: #9F6;  
      float: left;  
      height: 30px;  
      width: 160px;  
      position: relative;  
      text-align: center;  
      line-height: 30px;  
      border-top-width: 1px;  
      border-right-width: 1px;  
      border-bottom-width: 1px;  
      border-left-width: 1px;  
      border-top-color: #000000;  
      border-right-color: #000000;  
      border-bottom-color: #000000;  
      border-left-color: #000000;  
      }  
      #sayfa #banner #menu ul li a {  
      text-decoration: none;  
      display: block;  
      padding-left: 5px;  
      }  
      #sayfa #banner #menu ul li a:hover {  
      text-decoration: none;  
      display: block;  
      padding-left: 5px;  
      background-color: #9F9;  
      }  
      #sayfa #banner #menu ul li ul {  
      display: none;  
      top: 30px;  
      position: absolute;  
      }  
      #sayfa #banner #menu ul li:hover ul {  
      display: block;  
      top: 30px;  
      }  
      </style>  
      </head>  
       
      <body>  
      <div id="sayfa">  
      <div id="banner">  
       
      <div id="menu">  
      <ul>  
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108272839&url=#" data-href="#"> Anasayfa</a></li>  
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108272839&url=#" data-href="#">Galeri</a></li>  
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108272839&url=#" data-href="#">Hakkımızda</a></li>  
      <li><a href="#">İletişim  
      </a>  
      <ul>  
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108272839&url=#" data-href="#">Mail</a></li>  
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=108272839&url=#" data-href="#">telefon</a></li>  
      </ul>  
      </li>  
      </ul>  
      </div>  
      </div>  
      </div>  
      </body>  
      </html>


    Bu şekilde dener misiniz?




  • MOLİVER kullanıcısına yanıt
    sağol oldu. ama tam olarak nerede değişiklik yaptığınızı anlayamadım.
  • Sadece menüye padding değeri vererek aşağı ittim.ilgili kodu #menu karşısında görebilirsin.

    < Bu ileti mobil sürüm kullanılarak atıldı >
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız