Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

css border dotted ile alakalı sorun var

 7 Mesajlar 1.035 Okunma
acebozum
tr.link

#1
rameajans rameajans WM Aracı Kullanıcı
  • Üyelik 28.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Ajans
  • Konum Denizli
  • Ad Soyad E** D**
  • Mesajlar 18
  • Beğeniler 0 / 1
  • Ticaret 1, (%100)
Merhabalar,

aşağıdaki resimde gösterildiği gibi fiyat ile ürün arasında birden fazla nokta işareti koyarak yapıyorum. fakat ürün adının uzunluğu artınca fiyat ve noktalar aşağıya kayıyor. bunu engellemek için ise border dotted kullanayım dedim fakat with değerini 100% verdiğimde yazıların altını da kaplıyor. bunun için önereceğiniz bir çözüm var mıdır?

 

 

elektronikssl
webimgo

#2
FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Şöyle açıklayayım ürün adlarına sabit bir genişlik vermek zorundasınız. Ürün adı kısa da olsa uzunda olsa aynı genişlikte olacağı için fiyat kısmına da sabit genişlik verirseniz dotted'ları kontrol etmek daha kolay olacaktır.

Başka bir yöntem ise jquery ile hesaplama yapmak olabilir ve ya responsive bir şekilde css yazacaksınız
 

 

#3
rameajans rameajans WM Aracı Kullanıcı
  • Üyelik 28.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Ajans
  • Konum Denizli
  • Ad Soyad E** D**
  • Mesajlar 18
  • Beğeniler 0 / 1
  • Ticaret 1, (%100)
öncelikle teşekkür ediyorum cevabın için. fakat js mantıklı gelmiyor bana ürünlerde yönetim panelinden girildiği için ürün adlarının uzunluğu belli olmuyor açıkcası. başka önereceğiniz bir yöntem var mı?
 

 

#4
FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Tamam ürün belli olmuyor olabilir o zaman max-width verirsiniz mouse ile üzerine geldiğinde ürün adının tamamını gösterirsiniz ki dotted'lar çok uzun şuan ki görünümde .
Js mantıklı gelmeyebilir ama her şeyi otomatik hesaplıyor bazen zorunlu olduğunuzda ilkel kodları bile kullanmak zorundasınız.
Başka arkadaşların önerisi varsa bende bilmek isterim
 

 

wmaraci
wmaraci

#5
rameajans rameajans WM Aracı Kullanıcı
  • Üyelik 28.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Ajans
  • Konum Denizli
  • Ad Soyad E** D**
  • Mesajlar 18
  • Beğeniler 0 / 1
  • Ticaret 1, (%100)
senden başka cevap veren olmadı daha :) ücretiyle yapacak olan bile çıksa yaptırcam.
 

 

#6
localhost localhost Atatürk! Kullanıcı
  • Üyelik 13.03.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek Yazılımcı
  • Konum İstanbul Avrupa
  • Ad Soyad E** K**
  • Mesajlar 335
  • Beğeniler 145 / 144
  • Ticaret 2, (%100)
Bu adreste belki de 10 çeşit denemesi var. İstediğini beğenir kullanırsın. :)
http://stackoverflow.com/questions/4898287/how-to-display-text-a-dotted-line-then-more-text-spanning-the-width-of-the-page
 

 

https://roe.com.tr

#7
rameajans rameajans WM Aracı Kullanıcı
  • Üyelik 28.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Ajans
  • Konum Denizli
  • Ad Soyad E** D**
  • Mesajlar 18
  • Beğeniler 0 / 1
  • Ticaret 1, (%100)

localhost adlı üyeden alıntı

Bu adreste belki de 10 çeşit denemesi var. İstediğini beğenir kullanırsın. :)
http://stackoverflow.com/questions/4898287/how-to-display-text-a-dotted-line-then-more-text-spanning-the-width-of-the-page


teşekkür ederim hocam aradığım tam olarak buydu :)
 

 

Css İle Resmin Hover Efektini Değiştirme
Html Dersleri – Başlık Etiketleri
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