Forum
Aktif konular
Üyeler
Kurallar
Arama
Css Padding Sıkıntısı Css Padding Sıkıntısı
-
merhaba arkadaşlar
Geçen ki visual studio konusu modlara kapattırdım. Çünkü kimseye yararı olmayacak şekilde çözüldü. Ben hiç bir değişiklik yapmadım, visual studio aç kapa tarzında çözüldü ve kafayı yemiştim. Herneyse şu anda da beni aşan bir css sorunum var.
padding olayını bi türlü ayarlayamadım. Resimler arasında bakabilecek olan biri var mı ?
hover olmadan önceki hallederinin daha yan yana olmasını istiyorum. atıyorum 6 tane sığıcak şekilde
https://jsfiddle.net/TheFCN/L8q17dem/1/
Şuraya jsfiddle linkini bırakıyorum.
Şimdiden teşekkürler.
dip not : CSS ile uğraşırken ben
edit: linkte ufak bir sıkıntı oldu. updateledim
edit2 : jsfiddledan revizyonlara bakarken gördüm de biri team-photo img 'nin max-witdh ü %100'e çekerek çözmüş fakat aradığım tam olarak o değil. Resimleri temsili koydum normalde daha büyük boyutlu resimlerle çalıştığım için resimler bilerek küçültülmüş halde ilk başta. Üzerine gelince o büyüme efektini almam lazım.
FCN tarafından 02/May/16 03:29 tarihinde düzenlenmiştir -
İstediğin şeyi biraz daha açar mısın ?
-
şu kırmızıyla çizdigim arayı sıklaştırmak istiyorum
-
dostum anadive position:relative; yap img tagı verdiğin classa position:absolute yap sonra left, right, top, bottom ile konum ayarla.. kaldı ki padding genelde divin içindeki metinleri konumlandırmak icin kullanılır sen ise bizzat img divini konumlandırmak istiyorsun bu durumda margin kullanman gerekir
21li tarafından 02/May/16 15:39 tarihinde düzenlenmiştir -
css de bu şekilde width verdim oldu sanki
.team-photo img {
width: 230px;
float:left;
width değerleriyle oynayabilirsin.
-
@emqcer : eğer img'ye hoverdan önce sabit bir değer verirsem hoverda beklediğim büyümeyi alamıyorum resimden. dikkatli bakarsan zaten yazılar'ın büyük çoğunluğu gelmiyor.
@21li : absolute'u verdigim an gidiyor herşey yapamadım. eğer mümkünse jsfiddle üstünden halledebilirsen güzel olur. -
-
basit bi sekilde anlaman açısından şöyle bişey yaptım.. böyle olunca padding ile istediğin gibi arayı açabilirsin
https://jsfiddle.net/3dozmyp6/
-
kahvemi içip geldim ayık kafayla yok artık oldu :D şöyle çözdüm mevzuyu. :
img tagının normal haline sabit bir değer verdim dediginiz gibi. max width i kaldırdım.
daha sonra howerında width'i auto yapıp max-width'ide %100 e çektim.
şimdi bir üstüste binme sıkıntısı var onuda zindexlemeye çalışıyorum bakalım olmazsa uplarım konuyu şimdilik teşekkürler
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla