style.css de var ama öğeyi denetle de yok

26-09-2022, 20:34:16

Arkadaşlar merhaba, sayfamda ki logo kısmında başta logo yanında text var. Yani tamamen png değil. Css ile sayfa boyutu küçüldüğünde yazı renki değişiyor. Fakat logo.png rengi sabit olduğu için değişmiyor.
Opera tarayıcıda sayfa da öğeyi denetle dediğimde style.css içerisine elle kodları ekleyince sayfa boyutu küçüldüğünde logo.png yi değiştiriyor. Büyüdüğünde ise olması gereken hale geliyor. Fakat kodu style.css içerisine kaydettiğim zaman öğeyi denetle kısmında görünmüyor.

Özetlemek gerekirse;
Bu logo bulunan katman.

<h1 class="m-1"><img class="logo" src="img/logo1.png" style="width: 60px; height: 60px;">Kubilay Ağyar</h1>

Style.css dosyasına ise bu kodları ekliyorum

 .logo {
    content: url("../img/logo2.png");
    }
@media (max-width: 991.98px) {
    .logo {
    content: url("../img/logo2.png");
    }
}

Aynı css kodlarını sağ tık> öğeyi denetle yaptığımda style.css içine eklediğimde çalışıyor. Style.css içerisine eklediğimde çalışmıyor ve öğeyi denetle yaptığımda kodlar görünmüyor. Nerede nasıl hata yapıyorum çözemedim.

26-09-2022, 20:43:05

#2

exUBert

Direk eklediğinde çalışıyorsa css dosyasına eklediğin dizinde hata vardır. Logonun dosya yolunu kontrol ederek tekrar deneyebilirsin.

26-09-2022, 20:48:00

#3

RuzgarTasarim

exUBert adlı üyeden alıntı: mesajı görüntüle

Direk eklediğinde çalışıyorsa css dosyasına eklediğin dizinde hata vardır. Logonun dosya yolunu kontrol ederek tekrar deneyebilirsin.

Kıymetli cevabınız için teşekkürler hocam. Dizinde hata olsa öğeyi denetle dediğim zaman çıkan pencerede görünmez mi ?

26-09-2022, 20:48:10

#4

SavixieN

Hocam HTML kodunda logo1 demişsiniz ama CSS'te logo2 yazmışsınız.

26-09-2022, 20:56:35

#5

RuzgarTasarim

SavixieN adlı üyeden alıntı: mesajı görüntüle

Hocam HTML kodunda logo1 demişsiniz ama CSS'te logo2 yazmışsınız.

HTML de Logo1.png beyaz renk de. Sayfa küçülünce yazı rengi değişiyor. O renke uygun logo2.png yaptım. Yazı rengi ile beraber logo1.png de değişmesi için. Ama çözemediğim kısım style.css dosyasında olmasına rağmen öğeyi denetle yaptığımda kod görünmüyor. Dışarıdan alınan css de yok.

26-09-2022, 21:09:55

#6

exUBert

Tarayıcı önbelleğnden de olabilir. style123.css gibi farklı dosya ismi yaparak bi' deneyin.

26-09-2022, 21:25:45

#7

RuzgarTasarim

exUBert adlı üyeden alıntı: mesajı görüntüle

Tarayıcı önbelleğnden de olabilir. style123.css gibi farklı dosya ismi yaparak bi' deneyin.

Teşekkür ederim hocam style1.css yapınca öğeyi denetle de göründü. Ama bu seferde resim yolu ile alakalı problem var.
AnaDizin>css>style2.css içinde yer alıyor
logo ise
AnaDizin>img>logo2.png olarak yer alıyor.
CSS de

img.logo{
    content: url(../img/logo2.png);
}

Yaptığımda png yok olarak algılıyor. Ve yine style2.css de ../img/logo2.png şeklinde yazdığı halde öğeyi denetle de img/logo2.png görünüyor. Farklı style3.css yapıp denediğim de değişmiyor

26-09-2022, 21:57:08

#8

RuzgarTasarim

Sorunu çözdüm. dizin yerine direk link belirttim daha fazla uğraşmamak adına. Cevap veren herkese teşekkür ederim

26-09-2022, 21:59:46

#9

exUBert

RuzgarTasarim adlı üyeden alıntı: mesajı görüntüle

Teşekkür ederim hocam style1.css yapınca öğeyi denetle de göründü. Ama bu seferde resim yolu ile alakalı problem var.
AnaDizin>css>style2.css içinde yer alıyor
logo ise
AnaDizin>img>logo2.png olarak yer alıyor.
CSS de

img.logo{
    content: url(../img/logo2.png);
}

Yaptığımda png yok olarak algılıyor. Ve yine style2.css de ../img/logo2.png şeklinde yazdığı halde öğeyi denetle de img/logo2.png görünüyor. Farklı style3.css yapıp denediğim de değişmiyor

url(img/logo2.png) olarak deneyebilirsiniz.