input içine resim ekleme |
11 Mesajlar | 5.880 Okunma | ||
- Üyelik 05.01.2020
- Yaş/Cinsiyet 40 / E
- Meslek özel sektör
- Konum İstanbul Avrupa
- Ad Soyad Z** K**
- Mesajlar 122
- Beğeniler 27 / 34
- Ticaret 1, (%100)
bu input 10x10 ufak bir input, içine ortalı şekilde ikon eklemek istiyorum (imkan varsa font kütüphanesi kullanmadan)
images klasörünü kullanarak eklemenin bir yolu var mıdır?
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
#s2 {
background-image:url("images/resim.jpg");
} şeklinde deneyin bir, input un boyutunu resme göre de ayarlamak gerekebilir belki
- Üyelik 05.01.2020
- Yaş/Cinsiyet 40 / E
- Meslek özel sektör
- Konum İstanbul Avrupa
- Ad Soyad Z** K**
- Mesajlar 122
- Beğeniler 27 / 34
- Ticaret 1, (%100)
hocam bu css kodu
ben inputu gösterirken lf else yapısı kullanıyorum
"inputların class ve idleri grup grup olsa da, aynı"
a == 1 ise
göster input no 1
a == 2 ise
göster input no 2
inputlara direk olarak mudahale etmem lazım, yoksa çarşı karışır gibi duruyor, yanılıyorsam düzeltin
Bendeki örnek
ben inputu gösterirken lf else yapısı kullanıyorum
"inputların class ve idleri grup grup olsa da, aynı"
a == 1 ise
göster input no 1
a == 2 ise
göster input no 2
inputlara direk olarak mudahale etmem lazım, yoksa çarşı karışır gibi duruyor, yanılıyorsam düzeltin
Bendeki örnek
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
O şekil kullandığınızı bilmiyordum, server dili ile input içine resim yükleyebilirseniz benimle de paylaşın, benim aklıma css geldi :)
- Üyelik 05.01.2020
- Yaş/Cinsiyet 40 / E
- Meslek özel sektör
- Konum İstanbul Avrupa
- Ad Soyad Z** K**
- Mesajlar 122
- Beğeniler 27 / 34
- Ticaret 1, (%100)
bi yolunu buluruz illaki, basit bir şey ama her zamanki gibi basit gözüken daha karışık oluyor :)
- Üyelik 05.01.2020
- Yaş/Cinsiyet 40 / E
- Meslek özel sektör
- Konum İstanbul Avrupa
- Ad Soyad Z** K**
- Mesajlar 122
- Beğeniler 27 / 34
- Ticaret 1, (%100)
O şekil kullandığınızı bilmiyordum, server dili ile input içine resim yükleyebilirseniz benimle de paylaşın, benim aklıma css geldi :)
Böyle bir şey yaptım, işimi gördü, ama çoklu inputlarda daha kolay bir yolu olması lazım, bu haliyle çok uzun sürüyor.
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
Hocam birçok farklı yöntem vardır illaki bir resim eklemek için, img tag ı ile bile de eklenebilir. Sizin yaptığınız işte en kullanışlı ve basiti hangisidir bilemicem tabii.
- Üyelik 05.05.2017
- Yaş/Cinsiyet 29 / E
- Meslek Web-Developer
- Konum İstanbul Avrupa
- Ad Soyad M** K**
- Mesajlar 1025
- Beğeniler 366 / 534
- Ticaret 5, (%100)
.SCSS
#inputalani {
height: 30px;
width: 175px;
position: relative;
margin-left: 25%;
margin-top: 50%;
margin-bottom: 10%;
#input {
width: 23px;
height: 23px;
position: absolute;
left: 1%;
top: 10%;
}
#img {
width: 23px;
height: 23px;
position: absolute;
left: 0;
top: 6%;
}
}
Çıktı:
- Üyelik 11.09.2013
- Yaş/Cinsiyet 30 / E
- Meslek Bilgisayar Mühendisi
- Konum İzmir
- Ad Soyad A** K**
- Mesajlar 1077
- Beğeniler 361 / 361
- Ticaret 33, (%100)
style="color: var( (--c2); --c1 value= " L ? ? "
hidden style="color: var( --c2 --c1 );"
Hocam aslında 8 satırlık kodunuzu yukarıdaki 2 satırla halledebilirsiniz. Bu sayede her birine ayrı ayrı yazmak zorunda kalmazsınız. Not defterinde yazdığım için atladığım bir syntax hatası olabilir kontrol etmenizde fayda var..
- Üyelik 05.01.2020
- Yaş/Cinsiyet 40 / E
- Meslek özel sektör
- Konum İstanbul Avrupa
- Ad Soyad Z** K**
- Mesajlar 122
- Beğeniler 27 / 34
- Ticaret 1, (%100)
Gayet mantıklıymış hocam keşke bu bilgiye 127x9 satır kod yazmadan sahip olsaydım, ama ben bunu bol bol kullanırım, teşekkür ettim :)
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)