"Rolování

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 6. 12. 2021 06:32

Kód: Vybrat vše
section {
   width: 300px;
   margin: 70px;
   border: 1px solid red;
   padding: 0px 15px;
   font-size: 1.1em;
}

.obrazek {
   font-size: 4em;
   text-align: center;
   margin: 0.8em;
}

.prava {
   text-align: right;
}


Proč je pod tou section 2x položka s tečkou? To je to potomek, či co? :hm

-- 6. 12. 2021 05:34 --

A jakým příkazem u toho .obrazek nastavím barvu textu? Implicitně je to černá.

-- 6. 12. 2021 05:44 --

Kód: Vybrat vše
.vlak li {
   background: url('obrazky/vedlejsi.png') no-repeat;
   float: left;
   width: 80px;
   margin-right: 5px;
   padding-top: 25px;
   text-align: center;
   color: yellow;
   height: 66px;
}

.vlak {
   background: url('obrazky/hlavni.png') no-repeat;
   padding-left: 100px;
   height: 75px;
   list-style-type: none;
}


A to "li" je co přesně? .vlak li... něco konkrétního, ale s tabulkama apod to asi nesouvisí, lu, když jsem napsal, že by se ten předmět "vedlejší" nějak roloval ne vodorovně, ale svisle, to se mi nepřihodilo.
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 6. 12. 2021 09:14

Ty si ty základy prostě nepřečteš a nepřečteš. Jinak bys věděl, že tečkou na začátku se v CSS označuje class. Takže .obrazek se týká elementů, které mají class="obrazek".

Barva textu se nastavuje pomocí color: barva. Ostatně to tam máš i použité.

.vlak li nastavuje pravidla pro elementy li, které jsou uvnitř elementu s class="vlak".

Jak celý ten dotaz souvisí s "rolováním" je mi ale záhadou.
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 6. 12. 2021 10:02

Okej, děkuji. A co s tímto:

Kód: Vybrat vše
<!DOCTYPE html>

<html lang="cs-cz">
   <head>
      <meta charset="utf-8" />
      <title>Moje první webová stránka</title>
   </head>

   <body>
    <p>Toto je moje první webová stránka, zatím na ní nic není, ale i tak jsem s ní spokojen</p>
<p>Toto je druhý odstavec</p>
<qh1>Web s halloweenskou výzdobou</qh1>
      <p>Na tento jednoduchý web byla nasazena halloweenská výzdoba v podobě pavučin v rozích obrazovky.</p>
      <img src="source/pavucina.png" alt="Pavučina" class="pavucina1" />
      <img src="source/pavucina.png" alt="Pavučina" class="pavucina2" />
      <img src="source/pavucina.png" alt="Pavučina" class="pavucina3" />
      <img src="source/pavucina.png" alt="Pavučina" class="pavucina4" />
   </body>
</html>

___

Kód: Vybrat vše
pre {
   background: #ebebeb;
   border-left: 4px solid blue;
   padding: 5px 5px 5px 15px;
}

.tag {
   color: blue;
   font-weight: bold;
}

.menu {
   text-align: center;
}
section {
   width: 200px;
   margin: 50px;
   border: 1px solid red;
   padding: 0px 15px;
   font-size: 1.1em;
}

.obrazek {
   font-size: 4em;
   text-align: center;
   margin: 0.8em;
}

.prava {
   text-align: right;
//---

}
.vlak li {
   background: url('obrazky/vagon.png') no-repeat;
   float: left;
   width: 80px;
   margin-right: 5px;
   padding-top: 25px;
   text-align: center;
   color: yellow;
   height: 66px;
}

.vlak {
   background: url('obrazky/lokomotiva.png') no-repeat;
   padding-left: 100px;
   height: 75px;
   list-style-type: none;
}
.pavucina1 {
   position: absolute;
   left: 0px;
   top: 0px;
}

.pavucina2 {
   position: absolute;
   right: 0px;
   top: 0px;
}

.pavucina3 {
   position: absolute;
   left: 0px;
   bottom: 0px;
}

.pavucina4 {
   position: absolute;
   right: 0px;
   bottom: 0px;
}

qh1 {
   text-align: center;
   color: #FF8000;
}

body {
   width: 960px;
   margin: 0 auto;
                color: #17EE0A;
}


Mělo by to být takto, a je to takto. To .css vůbec neni taglý k tomu .html. https://postimg.cc/xkztLRDd
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Just_jo 6. 12. 2021 10:12

A kde máš v tom HTML nalinkovaný CSS?
Just_jo
Junior
Uživatelský avatar

Odeslat příspěvekod Wikan 6. 12. 2021 10:13

No není. Tak ho tam přidej, ne?
Wikan
Moderátor
Uživatelský avatar

Odeslat příspěvekod Alesh2020 6. 12. 2021 10:18

Jo tohle.
Kód: Vybrat vše
      <link rel="stylesheet" href="styl.css" type="text/css" />



Už sem doma... já se dovtípil dřív, než jsem reflashnul stránku. :hm

-- 6. 12. 2021 09:36 --

Ještě taková drobnost, kterej příkaz vlastně dělá to, že najedeš na položku, a ona se zvýrazní?
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Just_jo 6. 12. 2021 10:54

hover - PŘEČTI SI DOKUMENTACI A HLEDEJ DŘÍV NEŽ SE PTÁŠ
Just_jo
Junior
Uživatelský avatar

Odeslat příspěvekod Alesh2020 6. 12. 2021 11:03

Kde tu dokumentaci seberu?
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Just_jo 6. 12. 2021 11:20

Just_jo
Junior
Uživatelský avatar

Odeslat příspěvekod JirkaVejrazka 6. 12. 2021 11:41

JirkaVejrazka
Mírně pokročilý

Odeslat příspěvekod Alesh2020 6. 12. 2021 11:45

Děkuji... :hm
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod JirkaVejrazka 6. 12. 2021 12:19

Tuhle "tajnou" adresu najdes po napsani slov "zaklady CSS" do libovolneho weboveho vyhledavace...
JirkaVejrazka
Mírně pokročilý

Odeslat příspěvekod Alesh2020 6. 12. 2021 12:38

Vždy je lepší se zeptat na kvalitu, než půl hodiny něco googlit s tím, že ti stejně potom někdo řekne, že jsi vygooglil *****. :hm
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod Alesh2020 7. 12. 2021 09:15

Okej, a ten zavináč značí co přesně? Děkuji...

Kód: Vybrat vše
@media screen and (min-width: 900px) {
  .clanek {
    width: 79%;
    float: left;
  }


:hm
Ách jo, kam si má teda člověk psát poznámky... :hm
Alesh2020
Junior
Uživatelský avatar

Odeslat příspěvekod JirkaVejrazka 7. 12. 2021 09:18

Jsem opravdu rad, ze sis prostudoval odkazovane stranky. Je radost videt, ze nase slova padaji na urodnou pudu...

Tohle je moje posledni napomocna odpoved tvym smerem, pokud nezmenis pristup. Jestli si misto studovani dokumentace potrebujes popovidat, zmen obor z IT na filosofii...

https://www.jakpsatweb.cz/css/css-vlast ... zavinacova
JirkaVejrazka
Mírně pokročilý

Další stránka

Kdo je online

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