"Rolování

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

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

Odeslat příspěvekod Alesh2020 6. 12. 2021 05: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 08: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 09: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 09:12

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

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

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

Odeslat příspěvekod Alesh2020 6. 12. 2021 09: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 09: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 10: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 10:20

Just_jo
Junior
Uživatelský avatar

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

JirkaVejrazka
Mírně pokročilý

Odeslat příspěvekod Alesh2020 6. 12. 2021 10: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 11: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 11: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 08: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 08: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ů