sitemde makalelerin listelendiği yerde başlık 2. satıra geçince resim kayıyor ben resmin kaymamasını başlığın resim üzerine doğru kaymasını istiyorum yardımcı olurmusnuz.
http://www.e-evcil.com/kanarya/ burada görüldüğü gibi.
Css de kayma |
4 Mesajlar | 1.202 Okunma | ||
- Üyelik 27.01.2015
- Yaş/Cinsiyet 43 / E
- Meslek IT Maneger
- Konum İstanbul Avrupa
- Ad Soyad A** H**
- Mesajlar 388
- Beğeniler 59 / 26
- Ticaret 0, (%0)
E-evcil.com
- Üyelik 05.12.2013
- Yaş/Cinsiyet 29 / E
- Meslek Web Tasarım
- Konum İstanbul Avrupa
- Ad Soyad A** G**
- Mesajlar 561
- Beğeniler 119 / 120
- Ticaret 19, (%95)
.kat .uk-article-title {
background-color: #f2fcec;
border: 1px solid #ccda7e;
border-radius: 5px;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
margin: 0 8px -16px;
max-height: 55px;
min-height: 28px;
padding: 5px;
position: absolute; /*relative to absolute*/
text-transform: none;
}
.uk-align-left {
border-radius: 8px;
float: left;
margin-right: 20px;
margin-top: 20px; /*Sonradan Eklenen*/
width: 100%;
}
Bu şekilde problem yok fakat .uk-align-left başka nerede kullanılıyor bilemem, duruma göre başka class ekleyip düzenleme yapabilirsin.
background-color: #f2fcec;
border: 1px solid #ccda7e;
border-radius: 5px;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
margin: 0 8px -16px;
max-height: 55px;
min-height: 28px;
padding: 5px;
position: absolute; /*relative to absolute*/
text-transform: none;
}
.uk-align-left {
border-radius: 8px;
float: left;
margin-right: 20px;
margin-top: 20px; /*Sonradan Eklenen*/
width: 100%;
}
Bu şekilde problem yok fakat .uk-align-left başka nerede kullanılıyor bilemem, duruma göre başka class ekleyip düzenleme yapabilirsin.
Psd2css işleri için pm atınız.
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Bunu ekleyin:
.uk-article {
position: relative;
}
Aşağıdaki kodları da bulup değiştirin:
.kat .uk-article-title {
min-height: 28px;
width: 96%;
margin: 0 0 0 2%;
padding: 10px;
box-sizing: border-box;
background-color: #f2fcec;
border: 1px solid #ccda7e;
position: absolute;
border-radius: 5px;
font: 400 18px/1.4 Open Sans, sans-serif;
}
.uk-align-left {
margin-right: 20px;
margin-top: 20px;
float: left;
border-radius: 8px;
width: 100%;
}
.uk-article {
position: relative;
}
Aşağıdaki kodları da bulup değiştirin:
.kat .uk-article-title {
min-height: 28px;
width: 96%;
margin: 0 0 0 2%;
padding: 10px;
box-sizing: border-box;
background-color: #f2fcec;
border: 1px solid #ccda7e;
position: absolute;
border-radius: 5px;
font: 400 18px/1.4 Open Sans, sans-serif;
}
.uk-align-left {
margin-right: 20px;
margin-top: 20px;
float: left;
border-radius: 8px;
width: 100%;
}
- Üyelik 27.01.2015
- Yaş/Cinsiyet 43 / E
- Meslek IT Maneger
- Konum İstanbul Avrupa
- Ad Soyad A** H**
- Mesajlar 388
- Beğeniler 59 / 26
- Ticaret 0, (%0)
Bunu ekleyin:
.uk-article {
position: relative;
}
Aşağıdaki kodları da bulup değiştirin:
.kat .uk-article-title {
min-height: 28px;
width: 96%;
margin: 0 0 0 2%;
padding: 10px;
box-sizing: border-box;
background-color: #f2fcec;
border: 1px solid #ccda7e;
position: absolute;
border-radius: 5px;
font: 400 18px/1.4 Open Sans, sans-serif;
}
.uk-align-left {
margin-right: 20px;
margin-top: 20px;
float: left;
border-radius: 8px;
width: 100%;
}
.uk-article {
position: relative;
}
Aşağıdaki kodları da bulup değiştirin:
.kat .uk-article-title {
min-height: 28px;
width: 96%;
margin: 0 0 0 2%;
padding: 10px;
box-sizing: border-box;
background-color: #f2fcec;
border: 1px solid #ccda7e;
position: absolute;
border-radius: 5px;
font: 400 18px/1.4 Open Sans, sans-serif;
}
.uk-align-left {
margin-right: 20px;
margin-top: 20px;
float: left;
border-radius: 8px;
width: 100%;
}
Teşekkür ederim gayet güzel oldu.
E-evcil.com
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)