lostyazilim
tr.link

Küçük Bir CSS Problemi

10 Mesajlar 1.497 Okunma
acebozum
tr.link

70826 70826 WM Aracı Anonim Üyelik
  • Üyelik 06.12.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1057
  • Beğeniler 228 / 482
  • Ticaret 17, (%100)
Merhaba, sitemde çözemediğim küçük bir css problemi var. Halledebilecekler PM'den ulaşabilirse sevinirim.
 

 

wmaraci
reklam

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
Eğer sorun anlatılabilecek durumdaysa yazın buradan çözelim hemde diğer arkadaşlar içinde faydalı olacaktır :rolleyes:
 

 

70826 70826 WM Aracı Anonim Üyelik
  • Üyelik 06.12.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1057
  • Beğeniler 228 / 482
  • Ticaret 17, (%100)

edcsmile adlı üyeden alıntı

Eğer sorun anlatılabilecek durumdaysa yazın buradan çözelim hemde diğer arkadaşlar içinde faydalı olacaktır :rolleyes:


Haklısınız, sorunum şu font awesome ikonlarıyla yazıları hizalayamıyorum.

 

 

shateiel shateiel Biologist Kullanıcı
  • Üyelik 03.06.2011
  • Yaş/Cinsiyet 32 / E
  • Meslek Biyolog
  • Konum Ankara
  • Ad Soyad D** K**
  • Mesajlar 1703
  • Beğeniler 659 / 509
  • Ticaret 9, (%100)
display: inline-block; işe yaramıyor mu?

Ekleme: https://stackoverflow.com/questions/19162889/how-to-center-font-awesome-icons-horizontally burası yardımcı olabilir. :)
70826

kişi bu mesajı beğendi.

wmaraci
wmaraci

70826 70826 WM Aracı Anonim Üyelik
  • Üyelik 06.12.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1057
  • Beğeniler 228 / 482
  • Ticaret 17, (%100)
Deneyeceğim teşekkürler :)
 

 

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)
İkonlara vertical-align: middle; kodunu vermeyi deneyin. Olmazsa diğer varyasyonlarını da denersiniz. top bottom sub super falan.

https://www.w3schools.com/cssref/pr_pos_vertical-align.asp
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
Hizalamadan kasıt dikey mi yatay mı?

Yazılar için
text-align (Yataysal hizalama)
line-height (Dikeysel hizalama)

Font Awesome için (i tagı)
Padding-Margin

Uygundur :rolleyes:
 

 

70826 70826 WM Aracı Anonim Üyelik
  • Üyelik 06.12.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1057
  • Beğeniler 228 / 482
  • Ticaret 17, (%100)
Problemi ademgao arkadaşımız transform koduyla çözdü. Kendisine teşekkür ederim.

.main-navigation .menu-item-icon .icon {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
font-size: 15px;
}

cgrclk edcsmile
ademgao

kişi bu mesajı beğendi.

onur1989tc onur1989tc Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 21.04.2017
  • Yaş/Cinsiyet 35 / E
  • Meslek WordPress
  • Konum İzmir
  • Ad Soyad O** K**
  • Mesajlar 35
  • Beğeniler 8 / 9
  • Ticaret 0, (%0)

edcsmile adlı üyeden alıntı

Hizalamadan kasıt dikey mi yatay mı?

Yazılar için
text-align (Yataysal hizalama)
line-height (Dikeysel hizalama)

Font Awesome için (i tagı)
Padding-Margin

Uygundur :rolleyes:

line-height, satır yüksekliğidir, dikey hizalama için farklı yöntemler kullanılır.
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)

onur1989tc adlı üyeden alıntı

line-height, satır yüksekliğidir, dikey hizalama için farklı yöntemler kullanılır.


Bu işlerde yeni olan arkadaşlar için kafa karışıklığı olmaması sebebiyle doğru, benim orada belirtmek istediğim tagıyla eşitlemek içindi. Tabikide doğru yorumlaması sizin ki olan, teşekkürler.
onur1989tc

kişi bu mesajı beğendi.