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.

mikuskajan

Člen

mikuskajan:12.9.2014 13:44

Zdravim, potřebuju poradit... Nezobrazuje se mi logo vlevo nahoře... Vlastně vůbec nikde, a cestu k němu mám správnou, kontroloval jsem to hodněkrát.

Odpovedať

Tomáš Maňhal

Člen

Tomáš Maňhal:12.9.2014 14:00

Není od věci ukázat kód ;-) Nejsme vševědoucí a nevidíme ti do adresáře webu :-)

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 14:08

Sorry... Opraveno

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 14:09

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="cs-cz">

    <head>



            <link rel="stylesheet"
            href="C:\Documents and Settings\Lucie Ticháčková\Plocha\WEB\WEB\První stránka\css na první stránku.css"
            type="text/css">

            <meta charset="utf-8" />
            <title>Moje Portfolio</title>


    </head>



    <body>
          <header>

          <div id="logo"><h1>HoBi</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ém prvním webu, psát weby se teprve učím, ale myslím, že mi to docela jde.</p>
                          <p class="centrovany"><img src="C:\Documents and Settings\Lucie Ticháčková\Plocha\WEB\WEB\Obrázky WEB\201211131036_bkjb.jpg" alt="Logo" width="25%" /></p>
                          <p>Jmenuji se Honza Bittner a je mi 16 let. Chodím na Střední průmyslovou školu v České Lípě na obor IT. Kontaktujte mě na <a href="Kontakt.html">Kontaktní stránce</a></p>
                          <p>Rád čtu a někdy (hlavně v létě) i sportuju.</p>
                          <div class="cistic"></div>
                          <p>Mým hlavním koníčkem (a doufám že jednou i zaměstnáním) je <strong>programování</strong>!</p>
                  </section>
                  <div class="cistic"></div>
          </article>

          <footer>
                  Vytvořil &copy;Mike Jr. 2014 pro <a href="http://www.diakoniebroumov.org">Diakonie Broumov</a>
          </footer>

    </body>
</html>

Odpovedať

Tomáš Maňhal

Člen

Tomáš Maňhal:12.9.2014 15:42

Ukaž nám ještě ten css soubor a NIKDY už nepojmenovávej soubory názvy s mezerami ;-)

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 15:43

/* CSS Document */
.centrovany {text-align: center;}

body {background: url('C:\Documents and Settings\Lucie Ticháčková\Plocha\WEB\WEB\Obrázky WEB\pozadi3.png') #1c2228;
      margin: 0px;
      font: Verdana 14px
      min-width: 960px;}

h2, h3, h4, h5, h6   {text-align: center;
                          color: #0a294b;
                          font-family: Arial;
                          text-shadow: 3px 3px 7px #666666; }

h2 {font-size: 1.7em;}

article {Background: url('C:\Documents and Settings\Lucie Ticháčková\Plocha\WEB\WEB\Obrázky WEB\pozadi2.png') #009aca;}

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: 666px;
                  float:left;
                  background: white;
                  border: 2px solid #006797;
                  box-shadow: 2px 2px 7px #1c2228;
                  padding: 20px;}

.cistic   {clear: both;}

.vlevo {float: left;}

header {height: 73px;}

#logo {background: url('C:\Documents and Settings\Lucie Ticháčková\Plocha\WEB\WEB\Obrázky WEB\Java.png') no repeat;
         width: 250px;
         height: 60px;
         float: left;
         margin: 7px 0px 0px 20px;}

#logo h1 {margin: 14px 0px 0px 10px;}

nav ul {margin: 0px;
        list-style-type: none;}

nav ul li   {float: left;
            padding: 0px 25px;
            margin: 0 5px;
            font-size: 17px;
            height: 73px;
            line-height: 4.3em;}

nav a {color: white;
       text-decoration: none;}

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

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 15:45

Dobře, poučím se z toho... Děkuji. Vlastně jsem nikdy neprogramoval a ve firmě teď po mě chtějí udělat nový web aby to bylo zdarma. Vůbec nevím jak na to, tak se snažím do sebe něco nalámat. Mají mě za guru moderních technologií, jen díky tomu, že vím jak z telefonu vymazat zprávy

Odpovedať

Tomáš Maňhal

Člen

Tomáš Maňhal:12.9.2014 16:06

Vypadla Ti pomlčka u no-repeat v css souboru u toho pozadí na logo...Jinak mám dotaz, ty používáš elementy HTML5, ale definuješ DOCTYPE pro starší verzi 4...proč?

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 16:26

Vůbec netuším že něco takovýho je

Odpovedať

mikuskajan

Člen

mikuskajan:12.9.2014 16:28

Ale furt to nejde... Pomlčka nepomohla...

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