NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Klára Dostálová
Člen
Avatar
Klára Dostálová:11.4.2017 14:43

Ahoj pomohl by mi někdo ?
Mám mít stránky a potřebuji vpravo menu a vedle toho text, ale nějak mi to pořad nejde .Nevíte jak na to ?

 
Odpovědět
11.4.2017 14:43
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Klára Dostálová
Honza Bittner:11.4.2017 16:21

Pošli co máš a třeba to nějak společně dokončíme. :-)

Nahoru Odpovědět
11.4.2017 16:21
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na Klára Dostálová
Neaktivní uživatel:11.4.2017 17:46

Výchozí základ může být naprosto jednoduchý, otázkou je co přesně ti "nejde".

Takhle se to dá udělat na pár řádcích kódu:

<!DOCTYPE html>
<html>
  <head>
    <style>
        div.container {
                width: 100%;
                border: 1px solid gray;
        }

        header, footer {
                padding: 1em;
                color: white;
                background-color: black;
                clear: left;
                text-align: center;
        }

        nav {
                float: right;
                width: 23%;
                margin: 0;
                padding: 0.6em;
        }

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

        nav ul a {
                display: block;
                padding: 0.2em 0.5em;
                color: black;
                text-align: center;
                font-weight: bold;
                text-decoration: none;
        }

        nav ul a:hover {
                color: white;
                background-color: #6F6F6F;
        }

        article {
                margin-right: 23%;
                border-right: 1px solid gray;
                padding: 1em;
                overflow: hidden;
        }
    </style>
  </head>
  <body>

    <div class="container">

        <header>
                <h1>Nadpis stránky</h1>
        </header>

        <nav>
            <ul>
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
                <li><a href="#">Menu 3</a></li>
            </ul>
        </nav>

        <article>
            <h1>Nadpis článku</h1>
            <p>Text prvního odstavce.<br>Druhý řádek prvního odstavce.</p>
            <p>Druhý odstavec s oblíbeným pangramem.<br>Příliš žluťoučký kůň úpěl ďábelské ódy.</p>
        </article>

        <footer>Nějaký ten kopyrajt ;-)</footer>

    </div>
  </body>
</html>
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
11.4.2017 17:46
Neaktivní uživatelský účet
Avatar
Klára Dostálová
Člen
Avatar
Klára Dostálová:12.4.2017 8:43

Děkuji ..Ono to pořád nešlo tka aby jsem text mela vedle menu ale porad jsem ho mela pod menu i kdyz jsem to tam definovala. Ale už jsem na to přišla :) děkuji

 
Nahoru Odpovědět
12.4.2017 8:43
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 4 zpráv z 4.