[]
basit html tablo sorusu - hover efekti
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;}
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
(10.07.22 23:58:11)
Çok teşekkür ederim. td'lere width vermeden oldu.
- panamera
(11.07.22 01:22:00)
1
