Harici dosyada CSS dahil edince çalışmıyor

gurco21 · 2 Ağustos 2021

Merhaba.
Bir web sitesi yazıyorum proje biraz geniş onun için harici dosyada ve birden çok CSS kullanmam gerekiyor sebebi ise çok fazla karşıklık olmasın diyedir.
Her neyse harici dosyada CSS dahil edince çalışmıyor. Dedim belki hata yapıyorumdur diye bir ltane hazır HTML5 template indirdim oda çalışmıyor. Yani kod ile ilgili bir sorun olmadığına eminim.
Sorunun Windows 11 kaynaklı olabileceği düşüncesindeyim.
Böyle bir sorun ile karşılaşan ve sorunu çözen varsa yazarsa sevinirim.

gurco21 · 2 Ağustos 2021

Düzelttim ama sorun aynı.

feneresevdalı · 2 Ağustos 2021

!important kullan aynı bileşenlerde.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

gurco21 · 2 Ağustos 2021

Ecmel dedi:
CSS kodunu da paylaşın, bir de sitedeyken CTRL+F5 yapın. CSS dosyası ile HTML dosyası aynı klasörde değil mi?

Evet, hemen paylaşayım.

Berkay Davas · 2 Ağustos 2021

fenerlimühendis dedi:
!important kullan aynı bileşenlerde.

Alakası yok.

@gurco21 dizinin önüne tek nokta koymayı dene, önceki mesajımda belirttiğim gibi.

Ecmel · 2 Ağustos 2021

gurco21 dedi:
Düzelttim ama sorun aynı.

Dosya dizininin görselini atar mısın?

gurco21 · 2 Ağustos 2021

[CODE lang="css" title="style"]@import "/css/left.css";
@import "/css/center.css";
@import "/css/right.css";

body {
background-color: aqua;
}
#left {
position: absolute;
width: 288px;
height: 1024px;
left: 0px;
top: 0px;
color: blueviolet;
}
#center {
position: absolute;
width: 864px;
height: 1024px;
left: 288px;
top: 0px;

background: #ffffff;
box-shadow: 1px 1px 65px rgba(0, 0, 0, 0.25);
}
#right {
position: absolute;
width: 288px;
height: 1024px;
left: 1152px;
top: 0px;
}
[/CODE]

feneresevdalı · 2 Ağustos 2021

Ana CSS dosyasında aynı bileşenleri kontrol eden bir komut seti varsa !important gerekiyor.

Ecmel · 2 Ağustos 2021

Davas dedi:
Alakası yok. Dizinin önüne tek nokta koymayı dene, önceki mesajımda belirttiğim gibi.

Sanırım aynı dizinde dosyalar, arkadaş ss atarsa daha iyi anlarız.

Berkay Davas · 2 Ağustos 2021

Ecmel dedi:
Sanırım aynı dizinde dosyalar, arkadaş ss atarsa daha iyi anlarız.

Aynı dizinde olsa bile kök dizin için tek nokta koyması gerek ya da başındaki "/"ı kaldırmalı. Üst dizin için iki nokta koyulur.

@gurco21 ek olarak import ettiğin dosyalarda ne var? Önemsizse kaldır.

feneresevdalı · 2 Ağustos 2021

Arkadaş CSS dosyasında genel ifadeler kullanmış. !important ve özel bileşen kontrolü kullanması gerekli

Harici dosyada CSS dahil edince çalışmıyor

Ayrıntılı düzenleme

gurco21

Hectopat

gurco21

Hectopat

feneresevdalı

Megapat

W3Schools.com

gurco21

Hectopat

Berkay Davas

Gigapat

Ecmel

Megapat

gurco21

Hectopat

feneresevdalı

Megapat

Ecmel

Megapat

Berkay Davas

Gigapat

feneresevdalı

Megapat

Benzer konular