Diskusia – 17. diel - Štýlovanie hlavičky HTML stránky a flexbox

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Posledné komentáre sú na spodnej časti poslednej stránky.

Neaktivní uživatel

Člen

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.

Odpovedať

Neaktivní uživatelský účet

Ondřej Krmela

Člen

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.

Odpovedať

Jaroslav Smrž

Tvůrce

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.

Odpovedať

/* Life runs on code */

Ondřej Krmela

Člen

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>H3RMOS</h1></div>
<nav>
<ul>
<li class="aktivni"><a href="#">Domů</a></li>
<li><a href="#">O mně</a></li>
<li><a href="#">Dovednosti</a></li>
<li><a href="#">Reference</a></li>
<li><a href="#">Kontakt</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/avatar.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">Kontaktní 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>PROGRAMOVÁNÍ!</strong></p>
</section>
<div class="cistic"></div>
</article>
<footer>
Vytvořil ©H3RMOS 2019 pro <a href="http://itnetwork.cz">ITNETWORK.CZ</a>
</footer>
</body>

</html>

Odpovedať

Ondřej Krmela

Člen

Ondřej Krmela:22.9.2019 15:59

Tohle CSS:

body {
background: url(obrazky/pozadi_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/pozadi.png) #009aca;
}
header{
height: 73px;
}
#logo {
background: url(Obrázky/Logo.png) no-repeat;
width: 60px;
height: 60px;
float: left;
margin: 7px 0px 0px 20px;
}
#logo h1 {
margin: 14px 0px 0px 10px;
}

Odpovedať

Jaroslav Smrž

Tvůrce

Jaroslav Smrž:22.9.2019 16:05

Pro vkládání kódu sem použij symbol </> nad editorem
Nevidím HTML kód
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.

Odpovedať

/* Life runs on code */

Ondřej Krmela

Člen

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

Odpovedať

Jaroslav Smrž

Tvůrce

Jaroslav Smrž:22.9.2019 16:29

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

Odpovedať

/* Life runs on code */

Daniel Manycz

Člen

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ěď

Odpovedať

TheN3xSK

Člen

TheN3xSK:24.2.2020 22:16

Skús použiť toto

nav ul li:hover, .aktivni {
        background: #ffbb00;
        box-shadow: 0px 0px 5px black;

Odpovedať

Posledné komentáre sú na spodnej časti poslednej stránky.

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 305.

Najčastejšie vyhľadávané

Diskusia – 17. diel - Štýlovanie hlavičky HTML stránky a flexbox