- 22
- Jan
2014
http://prntscr.com/3rju7k
Css Yerleşim Sorunu |
7 Mesajlar | 1.186 Okunma | ||
- Üyelik 07.05.2014
- Yaş/Cinsiyet 42 / E
- Meslek Front-End
- Konum İstanbul Anadolu
- Ad Soyad H** Ç**
- Mesajlar 7
- Beğeniler 2 / 1
- Ticaret 0, (%0)
Merhaba arkadaşlar bir sorum olacak.. Baya bir tırmaladım başım ağrıdı.. Sonra aklıma burası geldi.. Bootstrap konusunda ilerlemeye çalışıyorum da.. http://miraraf.com/deneme3 adresinde sitenin bootstrap ile yaptığım hali var. Burada sağ altta recent posts kısmında solda post tarihi olan 22 jan 2014 http://miraraf.com/deneme2/ deki gibi olması gerekiyor ama ne yaptımsa başaramadım.. http://miraraf.com/deneme2/ bu halini kendim @media ile responsive yapmayı öğrenmek adına yapmıştım ama baktım farklı çözünürlükleri kodlamak uzun zaman alıyor, bootstrap a geçtim hemen. İstediğim görünümü
http://prntscr.com/3rju7k
http://prntscr.com/3rju7k
- Üyelik 04.01.2014
- Yaş/Cinsiyet 39 / E
- Meslek Otomotiv
- Konum Diğer
- Ad Soyad V** T**
- Mesajlar 459
- Beğeniler 84 / 146
- Ticaret 31, (%100)
Siteler açılmıyor
- Üyelik 07.05.2014
- Yaş/Cinsiyet 42 / E
- Meslek Front-End
- Konum İstanbul Anadolu
- Ad Soyad H** Ç**
- Mesajlar 7
- Beğeniler 2 / 1
- Ticaret 0, (%0)
Siteler açılmıyor
dostum linkleri copy + paste olarak dener misin bir de?
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li kodunu sonuna li:first-child gelecek şekilde değiştirin ve içerisindekileri de aynen yazın. Yani aşağıdaki gibi olsun.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
Jan
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
- Üyelik 07.05.2014
- Yaş/Cinsiyet 42 / E
- Meslek Front-End
- Konum İstanbul Anadolu
- Ad Soyad H** Ç**
- Mesajlar 7
- Beğeniler 2 / 1
- Ticaret 0, (%0)
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li kodunu sonuna li:first-child gelecek şekilde değiştirin ve içerisindekileri de aynen yazın. Yani aşağıdaki gibi olsun.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
Jan
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
Dostum çok yordum seni de.. Çok ama çok sağol...
Ek Olarak: section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
hocam first child last child olayını da denemiştim fakat bu
padding: 0;
margin: 0;
line-height: 1;
olayı çözdü sanırım ne dersin?
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Ilk li de ve son li de farklı font büyüklüğü ya da margin değerleri kullanmayacaksanız ya da bunlar olayı çözdü diyorsanız sorun yok o zaman zaten :)
- Üyelik 07.05.2014
- Yaş/Cinsiyet 42 / E
- Meslek Front-End
- Konum İstanbul Anadolu
- Ad Soyad H** Ç**
- Mesajlar 7
- Beğeniler 2 / 1
- Ticaret 0, (%0)
Ilk li de ve son li de farklı font büyüklüğü ya da margin değerleri kullanmayacaksanız ya da bunlar olayı çözdü diyorsanız sorun yok o zaman zaten :)
demek istediğim bunlar çözdü de ben de anlamak ve tekrar tekrar sormamak adına sölemiştim yani çözüme
padding: 0;
margin: 0;
line-height: 1;
bu kadar yaklaşmışım :) aklına sağlık..
margin: 0; tam olarak sorun.. pfffffffffff... dünden beri denemediğim şey kalmamıştı...