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
    Reply With Quote Alıntı yap
  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

    ...
    Reply With Quote Alıntı yap
  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
    Reply With Quote Alıntı yap
Toplam Hit: 724 Toplam Mesaj: 3