• 21-03-2010, 17:55:51
    #1
    Sidebardaki dikey menudeki maddelere <h3> tagı koymak istiyorum. <h3> tagını CSS'de

    #sayfa #sidebar h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #093;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
    }

    şeklide düzenledim.

    Menu üzerine gelince gri renkli bir zemin oluşması için de aşağıdaki gibi yeni bir CSS stili tanımladım.

    #sayfa #sidebar h3 a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #093;
    background-color: #CCC;
    }

    Sorun şu:

    Kod görünümüne gelince link kodu
    <h3><a href="dosya_adi.html">Link Metni</a></h3>
    şeklinde çıkıyor. Kod bu şekilde olunca oluşturduğum stil ile değil, default özellikleri ile görünüyor, ama a:hover çalışıyor.

    Kodu
    <a href="dosya_adi.html"><h3>Link Metni</h3></a> şeklinde değiştirdim. Bu sefer de oluşturduğum stil doğru olarak görüntüleniyor, ama a:hover çalışmıyor.

    Üstelik her iki şekilde de link metinleri alt çizgili olarak görünüyor. Bir yerlerde bir yanlış var ama çözemedim.
  • 21-03-2010, 18:42:49
    #2
    h#sayfa, #sidebar, h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #093;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
    }
    #sayfa, #sidebar, h3 a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #093;
    background-color: #CCC;
    }

    Şu şekilde aralara virgül koyarak dener misin
  • 21-03-2010, 19:07:38
    #3
    KontW adlı üyeden alıntı: mesajı görüntüle
    h#sayfa, #sidebar, h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #093;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
    }
    #sayfa, #sidebar, h3 a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #093;
    background-color: #CCC;
    }

    Şu şekilde aralara virgül koyarak dener misin
    Denedim, text dekorasyonu hiç değişmedi, üstelik sidebar div'indeki stili sayfa div'inde de uygulamaya başladı.
  • 21-03-2010, 19:50:54
    #4
    html i <h3><a href="dosya_adi.html">Link Metni</a></h3> şeklinde kullandın mı?
  • 21-03-2010, 20:05:33
    #5
    KontW adlı üyeden alıntı: mesajı görüntüle
    html i <h3><a href="dosya_adi.html">Link Metni</a></h3> şeklinde kullandın mı?
    her iki şeklini de kullandım ama olmadı..

    Şöyle bir düzenleme yaptım:

    body {
    margin-top: 0px;
    margin-bottom: 0px;
    }
    a:hover {
    font-weight: bold;
    }
    .menu_stil {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #093;
    text-decoration: none;
    }


    h3 içinde oluşturduğum metin stilini kaldırıp menu_stil diye yeni bir stil tanımladıktan sonra problem çözüldü.

    <h3><a href="dosya_adi.html" class="menu_stil">Link metni</a></h3>

    haline gelince istediğim şekle döndü...

    İlgin için teşekkürler..