lostyazilim
tr.link

Çift Genişlik Değerini Nasıl Kullanabilirim?

5 Mesajlar 889 Okunma
lstbozum
tr.link

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)
Merhabalar,

Responsive bir arama formu için çift genişlik değerini tek input üzerinden uygulamam gerekti. Mantık olarak şöyle izah edeyim solda bir form ve sağda bir buton var ve butonun genişliği sabit, ben ilk input için hem %100 genişlik değeri girmek istiyorum hemde sağdaki buton kadar sağ tarafta alan kalsın istiyorum(alt satıra düşmesin) Bunu nasıl yapabilirim?

Dış genişlik esnek, buton genişliği 157px

not: yapı gereği float: left/right yapamıyorum
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
wmaraci
reklam

srkn12 srkn12 PHP - Javascript - Java Kullanıcı
  • Üyelik 28.03.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilişim
  • Konum Denizli
  • Ad Soyad S** K**
  • Mesajlar 411
  • Beğeniler 67 / 90
  • Ticaret 0, (%0)
90% denediniz mi?
 

 

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
https://jsfiddle.net/tehet/1n3jbgmL/3/

Bu şekilde olabilir.
cgrclk

kişi bu mesajı beğendi.

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Width: (100% - 157px)
Olarak forma verirsen istediğin olur.
 

 

www.ontedi.com
www.cizgi.site
wmaraci
wmaraci

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Ü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)
Flex ya da calc() kullanmanız gerekiyor bunun için. width: calc(100% - 157px); gibi.
RecepDemirel

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al