| Autor | Zpráva | ||
|---|---|---|---|
| makovjan Profil |
Dobrý den, prosím o radu.
Potřebuji html dokument rozdělit na několik sekcí, kde každá sekce bude mít jinou barvou pozadí. Tohleto samozřejmě nefunguje: <html> <head> </head> <body bgcolor="red"> text 1 </body> <body bgcolor="blue"> text 2 </body> <body bgcolor="green"> text 3 </body> </html> Moderátor juriad: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| juriad Profil |
Stylování, mezi které změny barvy patří, se dnes nedělají v HTML, ale v CSS. HTML nedovoluje více než 1 <body>, takže budeš muset použít jiný tag, například <section>.
<!DOCTYPE html>
<html>
<head>
<style>
#s1 {
background-color: red;
}
#s2 {
background-color: blue;
}
#s3 {
background-color: green;
}
body {
background-color: yellow;
}
</style>
</head>
<body>
<section id="s1">
text 1
</section>
<section id="s2">
text 2
</section>
<section id="s3">
text 3
</section>
</body>
</html>Přidal jsem tam žlutou jako demonstraci toho, co bude dít mimo jednotlivé sekce. Ale dalšími styly můžeš snadno dosáhnout toho, že body bude mít stejnou barvu jako poslední sekce. A určitě jsi si všimnul, že okolo je také žlutá, to je způsobené defaultním marginem. Řešením je: body {
background-color: green;
margin: 0;
} |
||
| makovjan Profil |
#3 · Zasláno: 2. 3. 2022, 04:37:31
Vůbec to nefunguje. Je tam jen žluté pozadí.
|
||
| makovjan Profil |
Dobrý den, nevím si rady s tím, proč jednoduše v sekci 1 nemám červené pozadí a v sekci 2 modré pozadí:
<!DOCTYPE html>
<html>
<head>
<style>
#1 {
background-color: red;
}
#2 {
background-color: blue;
}
</style>
</head>
<body>
<section id="1">
<h2>WWF History</h2>
<p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section id="2">
<h2>WWF's Symbol</h2>
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>Moderátor Keeehi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).Moderátor Keeehi: Přesunuto z Diskuse JPW: jedna sekce = jedno barevné pozadí.
|
||
| anonym_ Profil * |
makovjan:
Hodnota ID nesmí začínat číslici, nebo ta číslice musí být escapovana. Záměrně ti bylo porazeno s1, s2, nikoliv jen čísla. |
||
| makovjan Profil |
#6 · Zasláno: 2. 3. 2022, 17:07:19
Dobrý den, potřebuji poradit, jak nastavit pro sekci "s1" červené pozadí a pro sekci "s2" modré pozadí.
<!DOCTYPE html>
<html>
<head>
<style>
#s1 {
background-color: red;
}
#s2 {
background-color: blue;
}
</style>
</head>
<body>
<section id="s1">
<h2>WWF History</h2>
<p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section id="s2">
<h2>WWF's Symbol</h2>
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html> |
||
| anonym_ Profil * |
#7 · Zasláno: 2. 3. 2022, 17:18:52
makovjan:
A kde je problém? Začni na Základní kurz tvorby stránek a projdi si i všechny vložené odkazy. |
||
| juriad Profil |
#8 · Zasláno: 2. 3. 2022, 17:40:26
makovjan:
Prosím pokračuj v jednom vláknu a nezakládej nová pro stejnou otázku. Ten kód v [#6] mi správně obarvuje pozadí jednotlivých sekcí. |
||
| makovjan Profil |
juriad:
vidím jen bílé pozadí |
||
| juriad Profil |
#10 · Zasláno: 2. 3. 2022, 17:59:37
Možná si nerozumíme. Co myslíš pozadím? Já vidím červené a modré pozadí.
|
||
|
Časová prodleva: 13 dní
|
|||
| makovjan Profil |
#11 · Zasláno: 15. 3. 2022, 19:20:02
juriad:
je to OK, díky |
||
|
Časová prodleva: 2 roky
|
|||
0