NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 17 - Stylování hlavičky HTML stránky a flexbox

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Nejnovější komentáře jsou na konci poslední stránky.
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na Filip Růžička
Neaktivní uživatel:14.8.2019 18:26

Řekl bych, že buďto nemáš označenou .aktivni položku, nebo tam někde máš překlep.

Odpovědět
Neaktivní uživatelský účet
Avatar
Ondřej Krmela
Člen
Avatar
Ondřej Krmela:22.9.2019 15:41

Nemohl by mi někdo poradit? nemohu přidávat jakékoliv obrázky např.to logo a nebo to pozadí.
Pečlivě jsem si vše prošel, ale chybu jsem tam nemohl nikde najít a nevím jak dál.

Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Ondřej Krmela
Jaroslav Smrž:22.9.2019 15:56

To je zas dotaz typu "Nejede mi auto, jak to opravit?" :-) Chtělo by to specifikovat problém, kde, co jak a přidat sem tvůj kód + adresářovou strukturu.

Odpovědět
/* Life runs on code */
Avatar
Ondřej Krmela
Člen
Avatar
Odpovídá na Jaroslav Smrž
Ondřej Krmela:22.9.2019 15:58

Toto je html:
<!DOCTYPE html>
<html lang="cs-cz">

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styl.css" type="text/css" />
<title>H3RMOSOVO portfolio</title>
</head>

<body>
<header>
<div id="logo"><h1>H3RM­OS</h1></div>
<nav>
<ul>
<li class="aktivni"><a href="#">Domů</a></li>
<li><a href="#">O mně</a></li>
<li><a href="#">Doved­nosti</a></li>
<li><a href="#">Refe­rence</a></li>
<li><a href="#">Kontak­t</a></li>
</ul>
</nav>
</header>
<article>
<header>
<h1>O mně</h1>
</header>

<section>
<p>Vítejte na mé webové stránce.Psát weby se teprve učím, ale myslím, že mi to jde skvěle!</p>
<p class="centrovany">
<img src="Obrázky/a­vatar.png" alt="Programátor H3RMOS" />
</p>
<p>Jmenuji se <u>Ondřej Krmela a je mi 13 let</u>. Chodím na 1.Základní školu v Plzni. Kontaktovat mě můžete na <a href="kontakt­.html">Kontak­tní stránce</a>.</p>
<div class="cistic"></div>
<p>Mými koníčky jsou <strong>hraní her</strong> a mým dalším koníčkem (u kterého doufám že se stane i mou prací) je <strong>PROGRA­MOVÁNÍ!</stron­g></p>
</section>
<div class="cistic"></div>
</article>
<footer>
Vytvořil ©H3RMOS 2019 pro <a href="http://­itnetwork.cz">IT­NETWORK.CZ</a>
</footer>
</body>

</html>

Avatar
Ondřej Krmela
Člen
Avatar
Odpovídá na Jaroslav Smrž
Ondřej Krmela:22.9.2019 15:59

Tohle CSS:

body {
background: url(obrazky/po­zadi_sede.png) #1c2228;
margin: 0px;
font: 14px Verdana;
min-width: 960px;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
color: #0a294b;
font-family: Arial;
text-shadow: 3px 3px 7px #666666;
}
.centrovany {
text-align: center;
}

h2 {
font-size: 1.7em;
}
h1{
font-size: 2em;
font-weight: normal;
color: white;
text-align: center;
text-shadow: 2px 2px 1px #0a294b;
}
article header{
width: 250px;
float: left;
}
article section{
width: 706px;
float: left;
background: white;
border: 2px solid #006797;
border-radius: 10px;
padding: 80px;
width: 900px;
box-shadow: 2px 2px 7px #1c2228;
}
.cistic{
clear: both;
}
.vlevo{
float: left;
}
article{
background: url(Obrázky/po­zadi.png) #009aca;
}
header{
height: 73px;
}
#logo {
background: url(Obrázky/Lo­go.png) no-repeat;
width: 60px;
height: 60px;
float: left;
margin: 7px 0px 0px 20px;
}
#logo h1 {
margin: 14px 0px 0px 10px;
}

Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Ondřej Krmela
Jaroslav Smrž:22.9.2019 16:05
  1. Pro vkládání kódu sem použij symbol </> nad editorem
  2. Nevidím HTML kód
  3. Nevidím adresářovou strukturu

Nejprve zkus přejmenovat adresář na název bez diakritiky (Obrázky -> Obrazky)

Dejme tomu, že máš adresář web a v něm soubory index.html, style.css a adresář Obrazky.
Cesta pak bude skutečně Obrazky/obrazek1­.jpg, pokud máš ale adresářovou strukturu jinak, nebude to fungovat.

Odpovědět
/* Life runs on code */
Avatar
Ondřej Krmela
Člen
Avatar
Odpovídá na Jaroslav Smrž
Ondřej Krmela:22.9.2019 16:25

Děkuju vám za radu! opravdu stačilo změnit diakritiku z Obrázky na Obrazky
momentálně už vše funguje jak má.Přeji hezký zbytek dne :)

Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Ondřej Krmela
Jaroslav Smrž:22.9.2019 16:29

Rád jsem pomohl. Přeji mnoho zdaru do budoucna.

Odpovědět
/* Life runs on code */
Avatar
Daniel Manycz
Člen
Avatar
Daniel Manycz:24.1.2020 21:10

Zdravím vás,
Chci se zeptat. Nešťastnou náhodou se mi to podařilo vše vymazat, tudíž musim začít od začatku, ale to mi nevadí. Aspoň si to vše připomenu. Ale zajímá mě, když stáhnu váše soubory a nahradím je do mě nové složky, tak mi vyskočí uplně něco jiného než je vaše finální verze. Jsem z toho jelen. Prosim může mi někdo říci jak je to možné? Děkuji předem za odpověď

Avatar
TheN3xSK
Člen
Avatar
Odpovídá na Filip Růžička
TheN3xSK:24.2.2020 22:16

Skús použiť toto

nav ul li:hover, .aktivni {
        background: #ffbb00;
        box-shadow: 0px 0px 5px black;
Nejnovější komentáře jsou na konci poslední stránky.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 305.