freelance iş ilanları

Comments.php Avatar Kayma Sorunu [Çözüldü]

4 Mesajlar 1.881 Okunma
lstbozum
smsonayhizmeti

Batuhan10 Batuhan10 WM Aracı Kullanıcı
  • Üyelik 26.02.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 18
  • Beğeniler 1 / 6
  • Ticaret 0, (%0)
overflow:hidden; ile sorun çözüldü. Benim bildiğim bu kod taşan yerleri gizliyordu ama bunu ekleyince div içeriğe göre boyut aldı.

Şöyle bir sorunum var. Birden fazla satırlık yorum yapınca o yorumdan sonra ki yorumların avatarı bir üsteki yorumun sağına kayıyor.
Şu şekilde : http://i.imgur.com/vhyh5Ml.jpg
1 saattir uğraşıyorum ama çözemedim beynim durdu. Yardımlarınızı bekliyorum.


Functions.php yorum kodları
function sinyor_comment($comment, $args, $depth) { $GLOBALS['comment'] = $comment; ?>
$PostAuthor = false;
if($comment->comment_author_email == get_the_author_email()) {
$PostAuthor = true;}
elseif($comment->comment_author_email == '.') {
$PostAuthor = true;}
?>
  • id="li-yorum-">






    comment_approved == '0') : ?>
    Yorumunuz onaylandıktan sonra görüntülenecektir.



    $depth, 'max_depth' => $args['max_depth']))) ?>





    Comments.php kodları
    if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
    die ('Lütfen bu sayfaya doğrudan yükleme yapmayınız, teşekkürler.');
    if (post_password_required()) { ?>

    Bu yazı parola korumalıdır, yorumları görebilmek için parolayı girin.






    Bu yazıya








    Bu yazı yorumlara kapatılmıştır.









    Geri bildirimler:





    1. id="comment-">

      comment_approved == '0') : ?>
      Yorumunuz denetim için bekliyor.


















    Yorum yapabilmek için giriş yapmalısınız.





    Sisteme olarak giriş yapılmış. Çıkış yap »




    <script>
    // (function() {
    document.write('
    ');
    document.write('
    ');
    document.write('
    ');
    })();
    //]]>
    </script>


    <script>
    // (function() {
    document.write('

    ');
    })();
    //]]>
    </script>


    ID); ?>






    Yorum css kodları
    #yorumlar { float:left; width:100%; }
    #y-kacyorum{ margin:5px 0px 10px 0px; padding:4px 7px 4px 7px; width:100%; color:#555555; }
    .text-comments{ width:97.5%; max-width:97.5%; min-height:60px; height:auto; margin:0px 0px 10px -1px; padding:4px 7px 4px 7px; }
    .text-comments p { margin:0px 0px 0px 0px; }
    a.comment-reply-link{ float:right; margin:6px 0 0 -60px; width:45px; height:18px; background:#f1f1f1; border-top:1px solid #DDD; border-right:1px solid #DDD; padding:4px 10px 4px 14px; font-size:12px; color:#52c0d4; }
    ul.children{padding:0 0 0 60px !important;}
    h3#comments{background:#EEEEEE;border-bottom:1px solid #DDDDDD;border-top:1px solid #DDDDDD;padding:5px;width:558px;}
    cite.fn{font-style:normal;font-size:12px;font-weight:bold;margin:5px 0px 0px 0px;}
    .avatar{ float:left; height:auto; margin:3px 7px 0px 1px; }
    .commentmetadata{ float:left; width:75%; font-size:11px;margin:0px 0px -20px 0px; }
    .vcard{margin:0px 0px 0px 0px;}
    .commentbody{ float:left; width:80%; margin:23px 0 0 10px; }
    ol.commentlist { float:left; width:100%; padding:0;margin:2px 0px 0px 1px; }
    ol.commentlist p{ margin:0; }
    span.comment-date{ float:left; width:100%; color:#AAAAAA; }
    .comment-date a { color:#666666; }
    em.comment-awaiting-moderation{color:#666666;font-size:11px;font-weight:bold;font-style:normal;margin:12px 0px -6px 0px;}
    .authorcomment { color:#111111; }
    textarea#comment{ max-width:700px; padding:10px; border:0px solid #dddddd; background:#f1f1f1; font-family:calibri; }
    input#submit { float:left; padding:6px 10px 6px 10px; border:0; background:#cc4a4f; color:#fff; font-size:17px; }
    input#author { padding:5px 6px 5px 6px; border:0; margin:0px 0px 8px 0px; outline:none; background:#EEEEEE; font-family:calibri; }
    input#email { padding:5px 6px 5px 6px;border:0; margin:0px 0px 8px 0px; outline:none; background:#EEEEEE; font-family:calibri; }
    input#url { padding:5px 6px 5px 6px; border:0; margin:0px 0px 8px 0px; outline:none; background:#EEEEEE; font-family:calibri; }
    #respond h4{ margin:30px 0px 8px 0px; padding:4px 7px 3px 7px; width:100%; }
    #respond h4 span.cancel-comment-reply{ margin:3px 0px 1px 0px; }
    #respond{ float:left; margin:0px 0px -9px 0px; }
    #respond p#system-login{ margin:-4px 0px -7px 1px; }
  •  

     

    Kişisel blog : batuhanbalci.com
    wmaraci
    reklam

    yakuphoca yakuphoca WP Sever Kullanıcı
    • Üyelik 11.07.2013
    • Yaş/Cinsiyet 43 / E
    • Meslek Öğretmen
    • Konum Hatay
    • Ad Soyad ** **
    • Mesajlar 212
    • Beğeniler 2 / 51
    • Ticaret 2, (%100)
    O kadar çok kod var ki incelemekle bitmez, probleminizin sebebi büyük ihtimalle float:left; uygulaması sonucunda diğer yorum için clearfix uygulaması yapmamanız, clear:both; ile akışı normale döndürmemeniz. Nette clearfix yöntemini araştırın.

    functions.php dosyasındaki kodda da kapatılmayan bir li gördüm sanki. Tavsiyem öncelikle yorum bölümünün html kaynak kodunu inceleyip, kapatılmayan bir etiket var mı kontrol edin.
    Batuhan10

    kişi bu mesajı beğendi.

    Bilişim Teknolojileri Hayatım
    http://www.yakuphoca.com

    Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
    • Üyelik 04.12.2011
    • Yaş/Cinsiyet 35 / E
    • Meslek .
    • Konum İzmir
    • Ad Soyad ** **
    • Mesajlar 2376
    • Beğeniler 704 / 791
    • Ticaret 1, (%100)
    Site adresini PM at yardımcı olayım.
     

     

    Batuhan10 Batuhan10 WM Aracı Kullanıcı
    • Üyelik 26.02.2013
    • Yaş/Cinsiyet 29 / E
    • Meslek Öğrenci
    • Konum Ankara
    • Ad Soyad ** **
    • Mesajlar 18
    • Beğeniler 1 / 6
    • Ticaret 0, (%0)

    yakuphoca adlı üyeden alıntı

    O kadar çok kod var ki incelemekle bitmez, probleminizin sebebi büyük ihtimalle float:left; uygulaması sonucunda diğer yorum için clearfix uygulaması yapmamanız, clear:both; ile akışı normale döndürmemeniz. Nette clearfix yöntemini araştırın.

    functions.php dosyasındaki kodda da kapatılmayan bir li gördüm sanki. Tavsiyem öncelikle yorum bölümünün html kaynak kodunu inceleyip, kapatılmayan bir etiket var mı kontrol edin.


    Teşekkürler hocam, .avatar'a clear:both; ekleyince düzeldi fakat bu seferde birbirine yapıştılar, üstten boşluk bırakmıyor.

    Onur89TR adlı üyeden alıntı

    Site adresini PM at yardımcı olayım.


    Hocam site yayında değil localhostta çalışıyorum yine de teşekkürler


    Daha iyi görebilmeniz için functionstaki text-comments divine background verdim. Böyle bir sorun var.

     

     

    Kişisel blog : batuhanbalci.com
    wmaraci
    wmaraci
    wmaraci
    Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al