Mi a baj ezzel a kóddal?
Most végeztem a HTML alapjaival és nekikezdtem a CSs-nek viszont valamiért nem tudom összekötni a kettőt. A HTML fájlt és a CSS-t is külön mappába raktam, a mappákat először egy Gyakorlás nevű mappába végül az asztalra raktam külön külön. A css-nél eddig csak egy kék hátteret akartam beállítani, de nem megy, plusz a kis ikont se akarja megjeleníteni felül.. Pedig mindent úgy csináltam ahogy a videóban van :(
<!doctype html>
<html lang="hu">
<head>
<title>CSS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" type="image/png" href="favicon.png">
<body>
<h1>Hello!</h1>
</body>
</html>
Csatolok egy képet hogy néz most ki (van egy gyakorlas nevű mappa, abba van lementve a HTML, CSS és a favicon is)





Csak egy sima mappában vannak benne (a HTML és a CSS is ugyanabban a sima mappában van) . Ezen kellene alakítanom? Ha igen, hogyan?
Bocsi, teljesen kezdő vagyok még.. :)




















Pontosabban, javítva #9-et, a legújabb, #3-ban lévő kép alapján, a gyakorlas mappán belül kéne legyen egy újabb gyakorlas és abban a css file.
#Kérdező: A css file helyzetét, a html filehoz viszonyítva, relatívan kell megadni.
Ha egy mappában vannak egymás mellett, akkor egyszerűen csak:
href="style.css"
Ha a gyakorlas mappában van a html file, és ott, a html mellett, a gyakorlas mappán belül létrehozol egy css mappát és abba rakod bele a css file-t, akkor kell így kinézzen:
href="css/style.css"
Tehát a relatív href címzést, mindig az adott html file-ból kiindulva kell megadnod.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!