folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Css Kodlarında Ufak Düzenleme İsteği ?



Css Kodlarında Ufak Düzenleme İsteği ?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    TurkForces
    TurkForces's avatar
    Kayıt Tarihi: 13/Şubat/2010
    Erkek

    Css'te resime baktığınızda her sırada 2 resimli haber bulunuyor arkadaşlar. Ben o sırayı haberleri bitişik yaparak 3lemek istiyorum. Dünden beri kafa patlattım ama css'ten tam anlamıyla anlamadığım için yapamadım. Yardımlar gelirse müteşekkir olurum :)

     

     

    Kullanılan CCS'ler aşağıdadır:

    #recentNews                { overflow:hidden; width:100%; }
    
    .recentNews                { float:left; width:48.5%; margin:0px 0 10px 0; clear:both; }
    .recentNews:nth-child(3n-1)    { float:right !important; clear:none !important; margin-right:3px !important; }
    
    .news-divider { float:left; clear:both; width:100%; height:0px; border-top:solid 1px #c0c0c0; margin:0px 0 10px 0; }
    
    .recentNews .newsImage        { width:60%; min-height:183px; }
    .recentNews .newsImage img        { max-width:100%; height:185px; border:solid 1px #c1c1c1; }
    
    .recentNews .newsTitle        {
    overflow:hidden;
    width:100%;
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #000000;
    margin-top: -33px;
    margin-left: 1px;
    opacity: 0.7;
    text-indent: 8px;
    background-repeat:no-repeat;
    background-position:8px 11px;
    }
    .recentNews .newsTitle h2        {
    font-size:16px; width:100%; font-weight:400;
    margin:0; white-space:nowrap; overflow:hidden;
    text-overflow:ellipses;
    height: 30px;
    line-height: 30px;
    }
    .recentNews .newsTitle a        { color:#ffffff; text-decoration:none !important;
    width: 98%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .recentNews .newsTitle a:hover        { color:#ffffff; text-decoration:none !important; }
    
    .recentNews .newsDetails        { overflow:hidden; width:100%; margin-top:5px; }
    .recentNews .newsAuthor            { float:left; width:auto; font-size:12px; margin-left:10px; }
    .recentNews .newsDate            { float:left; width:auto; font-size:12px; margin-left:15px; }
    .recentNews .newsComments        { float:right; width:auto; font-size:12px; margin-right:10px; }

    Digital Marketing Manager / Health Tourism
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    acemi-webci
    acemi-webci's avatar
    Kayıt Tarihi: 11/Haziran/2008
    Erkek

    sadece css e bakarak anlaşılmaz hocam, link gönder yada html kodlarını da yaz


    ...
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ShyRain
    ShyRain's avatar
    Kayıt Tarihi: 01/Nisan/2007
    Erkek

    Linklede uzun sürer sen online adresini ver firebugdan bakıp gerekli değişikliği söyleyelim yükle bir yere html ve cssini görebileceğimiz..


    Computer Engineer/SyStem Analyst/ Coder ShyRain
Toplam Hit: 724 Toplam Mesaj: 3