Çözüldü CSS word-spacing nasıl uygulanır?

566156 · 27 Aralık 2023

Ana sayfa ve Bloglar arasında word-spacing uyguluyorum. Ama sanırım bir yerde hata yapıyorum. Ana sayfa arasında word-spacing uygulanıyor. Ve böyle olmasını istemiyorum.

CSS:

a
{
    color: rgb(145, 224, 255);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    word-spacing: 10px;
    letter-spacing: 0px;
}

Yardım ederseniz çok sevinirim.

566156 · 27 Aralık 2023

xScpit dedi:
Word-spacing ve letter-spacing kullanmanıza gerek yok column gap Word-spacing ile aynı görevi görüyor.
Letter-spacing harflerin arasına boşluk koyuyor ve gerekli bir özellik değil bir de HTML kodunuzu atarmısnız?

HTML:

<style> .div{ display: flex; column-gap: 20px; } </style> <div class="div"> <p>Anasayfa</p> <p>Blog</p> <p>Hakkımda</p> <p>İletişim</p> </div>

Örnek kod yazdım bu tarz yaparsanız div içindeki elemanların arasına 20pxlik bir boşluk koyacaktır.

Hocam gerek kalmadı ancak teşekkür ederim. Şu şekilde çözdüm:

CSS:

a
{
    color: rgb(145, 224, 255);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    padding: 10px;
}

Resim yükleyemiyorum sunucu hatası veriyor Technopat ama artık istediğim boşluk oluştu. Yanıt verenlere teşekkürler.

WexTheOrginal · 27 Aralık 2023

566156 dedi:
Eki Görüntüle 2066140

Ana sayfa ve bloglar arasında Word-spacing uyguluyorum. Ama sanırım bir yerde hata yapıyorum. Ana sayfa arasında Word-spacing uygulanıyor. Ve böyle olmasını istemiyorum.

CSS:

a { color: rgb(145, 224, 255); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-decoration: none; word-spacing: 10px; letter-spacing: 0px; }

Yardım ederseniz çok sevinirim.

Hocam merhaba a harfini tam parantez yanına alırsanız ve ayrıca önce letter spacing sonra Word spacing yaparsanız düzelme ihtimali var.

566156 · 27 Aralık 2023

WexTheOrginal dedi:
Hocam merhaba a harfini tam parantez yanına alırsanız ve ayrıca önce letter spacing sonra Word spacing yaparsanız düzelme ihtimali var.

İşe yaramadı maalesef.

xScpit · 27 Aralık 2023

Word-spacing yerine column-gap dener misiniz?

WexTheOrginal · 27 Aralık 2023

566156 dedi:
İşe yaramadı maalesef.

Hocam verdiğiniz element doğru elementmi .a dener misiniz bir de.Büyük ihtimalle olmaz ama şansınızı deneyin.

WexTheOrginal dedi:
Hocam verdiğiniz element doğru elementmi. A dener misiniz bir de. Büyük ihtimalle olmaz ama şansınızı deneyin.

Body{...}deneyin hocam bir de belki öyle olur.

566156 · 27 Aralık 2023

xScpit dedi:
Word-spacing yerine column-gap dener misiniz?

Teşekkürler bu sefer neredeyse oldu ancak word aralarında çok az boşluk var. column-gap değerini yükseltmeme rağmen bir şey değişmedi.

xScpit · 27 Aralık 2023

566156 dedi:
Teşekkürler bu sefer neredeyse oldu ancak Word aralarında çok az boşluk var. column-gap değerini yükseltmeme rağmen bir şey değişmedi.

Eki Görüntüle 2066160

Word-spacing ve letter-spacing kullanmanıza gerek yok column gap Word-spacing ile aynı görevi görüyor.
Letter-spacing harflerin arasına boşluk koyuyor ve gerekli bir özellik değil bir de HTML kodunuzu atarmısnız?

HTML:

 <style>
 .div{
 display: flex;
 column-gap: 20px;
 }
 </style>
 <div class="div">
 <p>Anasayfa</p>
 <p>Blog</p>
 <p>Hakkımda</p>
 <p>İletişim</p>
 </div>

Örnek kod yazdım bu tarz yaparsanız div içindeki elemanların arasına 20pxlik bir boşluk koyacaktır.

566156 · 27 Aralık 2023

xScpit dedi:
Word-spacing ve letter-spacing kullanmanıza gerek yok column gap Word-spacing ile aynı görevi görüyor.
Letter-spacing harflerin arasına boşluk koyuyor ve gerekli bir özellik değil bir de HTML kodunuzu atarmısnız?

HTML:

<style> .div{ display: flex; column-gap: 20px; } </style> <div class="div"> <p>Anasayfa</p> <p>Blog</p> <p>Hakkımda</p> <p>İletişim</p> </div>

Örnek kod yazdım bu tarz yaparsanız div içindeki elemanların arasına 20pxlik bir boşluk koyacaktır.

Hocam gerek kalmadı ancak teşekkür ederim. Şu şekilde çözdüm:

CSS:

a
{
    color: rgb(145, 224, 255);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    padding: 10px;
}

Resim yükleyemiyorum sunucu hatası veriyor Technopat ama artık istediğim boşluk oluştu. Yanıt verenlere teşekkürler.

Çözüldü CSS word-spacing nasıl uygulanır?

Ayrıntılı düzenleme

566156

Kilopat

566156

WexTheOrginal

Decipat

566156

Kilopat

xScpit

Hectopat

WexTheOrginal

Decipat

566156

Kilopat

xScpit

Hectopat

566156

Kilopat

Benzer konular