Selamlar,
html'de amatörce çalışıyorum.

bir takvim yapmaya ve hover ile hücrenin genişliğini ve yüksekliğini artırmaya çalışıyorum (normalde her hücrede fazlaca değer var, hücreyi genişleterek okunabilir yapmak istiyorum). 7 sütun var. pazartesi-pazar arası.

uğraşa uğraşa yaptım ancak problem bir hücrenin genişliğindeki artış hep cumartesi ve pazar sütunlarının daralması ile sağlanıyor. ilk beş gün gayet güzel; ancak cumarteside istediğim genişleme olmuyor, pazar sütununda ise zaten yer kalmıyor.

bir hücrenin genişlemesindeki alan artışını her sütundan eşit olarak sağlayamaz mıyım?

Kullandığım kod şöyle:

.table2 td { width: 14.285%; transition: all 0.3s; font-size: 14px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; padding: 1.5% 1.5% 5%; vertical-align: initial; padding: 1.5% 0 ; height: 175px; }

.table2 td:hover {width: 40%; height: 350px; font-size:24px;}

 

.table2’ye width:100% verin, td’lere width vermeyin veya max-width:14.285% verin, td:hover’a da width:40% ve eğer td’ye max-width verdiyseniz buna da max-width:40%

gsgsgsgsgsgsgsgs

Çok teşekkür ederim. td'lere width vermeden oldu.

panamera
1

mobil görünümden çık