[CSS] Nefukční zápis

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Do fóra se už nepřihlásíte přezdívkou, je potřeba e-mail. Hned teď se podívejte, jakou e-mailovou adresu tady používáte a zapište si ji: odkaz Uživatelský panel v hlavičce –> záložka Profil. (Podrobnosti)

Odeslat příspěvekod Alesh2020 4. 12. 2021 11:15

Zdravím, nejak mi nefungují barvy u těch položek barva q,w a e.


Kód: Vybrat vše
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Jazyk HTML</title>
<link rel="stylesheet" rel="nofollow" href="styl.css" type="text/css" />
</head>
<body>
<h1>Jazyk HTML</h1>
<p>q.</p>
<h2>Editor</h2>
<p>q.</p>
<h3>PSPad</h3>
<p>q.</p>
<h2>HTML stránka</h2>
<p>q.</p>
<h3>Tagy</h3>
<p>q.</p>
<h4>Doctype</h4>
<p>q.</p>
<h4>HTML</h4>
<p>q.</p>
<p.barvaq> text"Barva A"</p.barvaq>
<p.barvaw> text"Barva B"</p.barvaw>
<p.barvae> text"Barva C"</p.barvae>
<p class="barvaq">Barva Q</p>
<p class="barvaw">Barva W</p>
<p class="barvae">Barva E</p>
</body>
</html>


Pro úplnost přidávám ten .css soubor.


Kód: Vybrat vše
body {
font-family: Verdana;
font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
color: 8DEF0F;
font-weight: normal;
font-family: Arial;
}
h1 {
font-size: 2.5em;
text-align: center
}
h2 {
.barvaq
{
background: #530156;
color: white;
}
.barvaw
{
background: #0009FE;
}
.barvae
{
background: #02FBFD;
}
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.35em;
}
h5 {
font-size: 1.25em;
}
h6 {
font-size: 1.15em;
}
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 11:30

Zápis:
Kód: Vybrat vše
h2 {
.barvaq

Je v CSS neplatný.

Tady:
Kód: Vybrat vše
background: #02FBFD;
}
}

Ti přebývá závorka.
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 11:34

Dobrá, předělal jsem to takle, a stále bez efektu:

Kód: Vybrat vše
body {
   font-family: Verdana;
   font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
   color: 8DEF0F;
   font-weight: normal;
   font-family: Arial;
}

h1 {
   font-size: 2.5em;
                text-align: center;
            text-shadow: 3px 3px 7px #666666;
}
h2 {
   .barvaq
   {
      background: #530156;
      color: white;
   }
   .barvaw
   {
      background: #0009FE;
   }
   .barvae
   {
      background: #02FBFD;
   }
h3 {
   font-size: 1.5em;
}
h4 {
   font-size: 1.35em;
}
h5 {
   font-size: 1.25em;
}
h6 {
   font-size: 1.15em;
}
.barvaq
{
   background: #530156;
   color: white;
}
.barvaw
{
   background: #0009FE;
}
.barvae
{
   background: #02FBFD;
}
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 11:56

Pořád tam máš ten naplatný zápis. Jsi si jistý, že se učíš CSS a ne nějaký preprocesor typu SASS?
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 12:51

Vybagroval sem to z fungujícího souboru (vzory souborů s příponou .css)
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 12:52

Můžeš sem dát odkaz na ten soubor?
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 13:00

Kód: Vybrat vše
body {
   font-family: Verdana;
   font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
   color: 8DEF0F;
   font-weight: normal;
   font-family: Arial;
}

h1 {
   font-size: 2.5em;
                text-align: center;
            text-shadow: 3px 3px 7px #666666;
}
h2 {
   .barvaq
   {
      background: #530156;
      color: white;
   }
   .barvaw
   {
      background: #0009FE;
   }
   .barvae
   {
      background: #02FBFD;
   }
h3 {
   font-size: 1.5em;
}
h4 {
   font-size: 1.35em;
}
h5 {
   font-size: 1.25em;
}
h6 {
   font-size: 1.15em;
}
.barvaq
{
   background: #530156;
   color: white;
}
.barvaw
{
   background: #0009FE;
}
.barvae
{
   background: #02FBFD;
}


Nahrávat mi to přijde zbytečné, prostě sample7.css
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 13:03

Tak když ti to přijde zbytečné, tak asi o radu zase tak moc nestojíš.
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 13:24

Dobrá, tady je. Ale nedostaneš z něj žádnou jinou informaci, než z předcházejícího tématu. :hm

Kód: Vybrat vše
https://uloz.to/file/zaqC3d7IyH6R/sample7-css#!ZJAwZmR2AGL3BTMwBJH4MzIxAGL5ASV2FUyfLmAjD0A3JGt2Mt==
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 13:28

Ale já chtěl odkaz na originální soubor. Nebo ještě lépe na stránku, která ten soubor používá.
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 13:31

To sem stáhl už před cca dvěma lety. Jinou informaci ti už nenabídnu. Kde je teda problém? :hm
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 13:33

Není to validní CSS. A tudíž není to není fungující soubor (jak tvrdíš).
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 4. 12. 2021 13:34

https://ibb.co/bFsrGX0

Visual studio code ho otevře.

-- 4. 12. 2021 12:43 --

Kde je teda v tom .css souboru invalidní část?
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 4. 12. 2021 13:43

Není důvod, proč by ho neotevřelo. Je to prostě textový soubor.
Ale snad tam sám vidíš, že tam máš ty chybné části podtržené.

Nevalidní je v tom, že CSS nepodpořuje zanořování pravidel.
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Krakatoa 4. 12. 2021 15:24

Problém je v tom, že neumíš základy a děláš tam nesmysly.
Tu to máš funkční a jestli chceš něco jinýho tak nejdřív vysvětli co chceš.
http://kod.djpw.cz/cyed
Krakatoa
Junior

Další stránka

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků