HTML'de CSS oluştururken dosya yolları

ALP2004

ALP2004

Hectopat
Katılım
8 Nisan 2020
Mesajlar
396
Çözümler
3
Derste yaptığımız konu CSS dosyaları ve yazım şekilleriydi. Daha sonrasında ayrı olarak CSS kaydedimi yaptım ve dosyama döndüm.

Öncelikle CSS dosyam "HTML/css/css3.html" kısmında duruyor. Ayrı kaydettiğim style dosyamsa "HTML/styles/temel.css" kısmında duruyor.

Buradan sonra temel.css'i çağırdığımda ve sayfamı çalıştırdığımda anlamadığım bir şekilde style dosyam çalışmadı. Aşağıya resimleri bırakıyorum. Yardımcı olabilirseniz çok güzel olur.

Screenshot_448.png

Screenshot_449.png
 
Son düzenleyen: Moderatör:
Tarihe göre sırala Puana göre sırala
LayThese dedi:
CSS üzerinde yapılan class tanımlarında class adının başına .(nokta) geliyor diye biliyorum yanlış değilsem. Bir de öyle deneyin.
Genişletmek için tıkla...
Custom Class için evet. (.)Nokta ile başlaması gerekir. Ancak body, h1, html gibi HTML'in kendi tagleri için .(nokta) kullanmak gerekmiyor.
 
Son düzenleme:
Artı 0 Eksi
Pardon sorunu yanlış anlamışım hemen atıyorum kodlar.
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="styles/temel.css" type="text/css">
</head>
<body>
<h1>Test</h1>
<p>Test</p>
</body>
</html>[/CODE]

[CODE lang="css" title="CSS"]body {
background-color: grey;
}

h1 {
color:white;
text-align: center;
}

p {
font-family: Verdana;
font-size: 20px;
}[/CODE]
 
Artı 0 Eksi
Belirttiğiniz dosya yolu yanlış. Href kısmından sonrası html dosyasının bulunduğu yer itibariyle konumunu belirler. HTML dosyasının olduğu yerde styles klasörü ve temel.css var mı?

Sen sanırım HTML ve CSS dosyalarını aynı yere koymamışsın. Dosyanın bulunduğu yerden itibaren başlar yukarıda da söylediğim gibi.


CSS dosyasını HTML dosyası ile aynı yere atıp -veya style diye bir klasör oluşturduktan sonra içine atıp-şöyle kullanın.

*CSS dosyasını HTML dosyanla aynı yere atarsan;
<link rel="stylesheet" href="temel.css">


*styles diye klasör oluşturursan;
<link rel="stylesheet" href="style/temel.css">
 
Artı 0 Eksi
Ecmel dedi:
Pardon sorunu yanlış anlamışım hemen atıyorum kodlar.
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="styles/temel.css" type="text/css">
</head>
<body>
<h1>Test</h1>
<p>Test</p>
</body>
</html>[/CODE]

[CODE lang="css" title="CSS"]body {
background-color: grey;
}

h1 {
color:white;
text-align: center;
}

p {
font-family: Verdana;
font-size: 20px;
}[/CODE]
Genişletmek için tıkla...
Büyük ihtimal belirttiğiniz href yolu farklı. temel.css dosyasının bulunduğu konumu söylerseniz daha yardımcı olabiliriz. Kodun örneğini attım bu şekilde yaparsan çalışır zaten. Yolun yanlış gibi duruyor.
EmrahGK dedi:
Belirttiğiniz dosya yolu yanlış. Href kısmından sonrası html dosyasının bulunduğu yer itibariyle konumunu belirler. HTML dosyasının olduğu yerde styles klasörü ve temel.css var mı?

Sen sanırım HTML ve CSS dosyalarını aynı yere koymamışsın. Dosyanın bulunduğu yerden itibaren başlar yukarıda da söylediğim gibi.


CSS dosyasını HTML dosyası ile aynı yere atıp -veya style diye bir klasör oluşturduktan sonra içine atıp-şöyle kullanın.

*CSS dosyasını HTML dosyanla aynı yere atarsan;
<link rel="stylesheet" href="temel.css">


*styles diye klasör oluşturursan;
<link rel="stylesheet" href="style/temel.css">
Genişletmek için tıkla...
Arkadaşın dediği doğru sen HTML ile CSS dosyalarını farklı yerlere koymuşsun aynı dosya içine koyup href verirsen sorun çözülür.
 
Artı 0 Eksi
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

Hasan Kahraman
  • Soru
HTML'de CSS dosyalarına erişimi engelleme
Mesaj
9
Görüntüleme
1.777
siriius
S
M
CSS ve HTML'de RGBA kodları nasıl çalıştırılır?
Mesaj
3
Görüntüleme
653
MrSelimmm
M
bilmiomyav
HTML, CSS, JS hızlı öğrenme yolları nelerdir?
Mesaj
3
Görüntüleme
342
RaSGooL
RaSGooL
BilgisayarKurdu
HTML'de tablo yapmak
Mesaj
4
Görüntüleme
6.292
BilgisayarKurdu
BilgisayarKurdu
O
  • Çözüldü
Çözüldü  HTML'de CSS dosyasına nasıl ulaşılır?
Mesaj
2
Görüntüleme
1.945
350070
3

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı