NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - 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
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
14.8.2019 18:26
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.

 
Odpovědět
22.9.2019 15:41
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
22.9.2019 15:56
/* 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>

 
Odpovědět
22.9.2019 15:58
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;
}

 
Odpovědět
22.9.2019 15:59
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
22.9.2019 16:05
/* 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 :)

 
Odpovědět
22.9.2019 16:25
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
22.9.2019 16:29
/* 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ěď

 
Odpovědět
24.1.2020 21:10
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;
 
Odpovědět
24.2.2020 22:16
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.