Diskuze: sloupec

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

ondrasekno04

Člen

ondrasekno04:3.2.2015 20:55

Ahoj. Chci se zeptat co mam napsat ve stylu.css v aside aby se mi sloupec( aside ) šoupnul hned vedle articlu, neboli aby se z něho udělal pravý sloupec. Více na obrázcích. Dík. ;-)

Odpovědět

3.2.2015 20:55

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 21:20

HTML kód prosím.

Nahoru Odpovědět

3.2.2015 21:20

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 21:28

Děkuji za mínus, ale jak mám vědět jaký zdroják používá.

Nahoru Odpovědět

3.2.2015 21:28

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

ondrasekno04

Člen

ondrasekno04:3.2.2015 21:33

<!DOCTYPE html>
<html lang="cs-cz">

        <head>
                <meta charset="utf-8" />
                <meta name="description" content="Osobní portfolio programátora HoBiho." />
                <meta name="keywords" content="portfolio, programátor, HoBi" />
                <meta name="author" content="HoBi" />
                <link rel="shortcut icon" href="obrazky/ikona.ico" />
                <link rel="stylesheet" href="styl.css" type="text/css" />
                <title>HoBiho portfolio</title>
        </head>

        <body>
                <header>
                        <div id="logo"><h1>HoBi</h1></div>
                        <nav>
                                <ul>
                                        <li class="aktivni"><a href="index.html">Domů</a></li>
                                        <li><a href="omne.html">O mně</a></li>
                                        <li><a href="dovednosti.html">Dovednosti</a></li>
                                        <li><a href="reference.html">Reference</a></li>
                                        <li><a href="kontakt.html">Kontakt</a></li>
                                </ul>
                        </nav>
                </header>

                <article>
                        <div id="centrovac">
                                <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="obrazky/avatar.png" alt="Programátor HoBi" /></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. Kontaktovat mě můžete 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>
                <aside>
                 <p>Ahoj!</p>

                </aside>
                </div>

                <footer>
                        Vytvořil &copy;HoBi 2013 pro <a href="http://devbook.cz">DEVBOOK.CZ</a>
                </footer>
        </body>
</html>

Nahoru Odpovědět

3.2.2015 21:33

Jan Lupčík

Tvůrce

Jan Lupčík:3.2.2015 21:34

Dal jsem ti ho já. Máš tam CSS, ze kterého je to jasné. A myslím, že je lepší, pokud založí fórum, než když každý hustí svoje problémy pod článek. Viditelně je to kód z HTML & CSS seriálu s webovkami.

Nahoru Odpovědět

3.2.2015 21:34

TruckersMP vývojář

Creevek

Člen

Creevek:3.2.2015 21:35

Můžeš se podívat v prohlížeči

Nahoru Odpovědět

3.2.2015 21:35

Lenost matka pokroku.

ondrasekno04

Člen

ondrasekno04:3.2.2015 21:36

Neřeš ;-) :-) .

Nahoru Odpovědět

3.2.2015 21:36

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 21:36

Děkuji. Přesuň čistič až pod <aside>.
Čistič je toto:

<div class="cistic"></div>

Nahoru Odpovědět

3.2.2015 21:36

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 21:37

To jsem zjistil, ale jaký díl jsem nevěděl, ale v pohodě. Tento mínus s vysvětlením beru na vědomí.

Nahoru Odpovědět

3.2.2015 21:37

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

ondrasekno04

Člen

ondrasekno04:3.2.2015 21:40

Výsledek:

Nahoru Odpovědět

3.2.2015 21:40

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 21:57

Dej tomu <aside> větší šířku a zkus si to od toho oddálit marginem.

aside {
  margin-left: 20px;
}

Nahoru Odpovědět

3.2.2015 21:57

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

Michal Šmahel

Člen

Michal Šmahel:3.2.2015 22:08

Popřípadě si můžeš změnit výšku a podobně. Pokud by ti nešel ten margin-left na <aside>, dej margin-right na article.

Nahoru Odpovědět

3.2.2015 22:08

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

ondrasekno04

Člen

ondrasekno04:5.2.2015 16:08

pořád nejde

Nahoru Odpovědět

5.2.2015 16:08

Michal Šmahel

Člen

Michal Šmahel:5.2.2015 16:20

Popiš prosím lépe co chceš a nejlépe ten web dej někam na hosting. Pak se ti na to kouknu a poradím ti s tím.

Nahoru Odpovědět

5.2.2015 16:20

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

Jan Lupčík

Tvůrce

Jan Lupčík:5.2.2015 16:20

A co zkusit dát aside nad article v HTML? Někdy i taková maličkost pomůže.

Nahoru Odpovědět

5.2.2015 16:20

TruckersMP vývojář

Jan Lupčík

Tvůrce

Jan Lupčík:5.2.2015 16:22

Jinak to nepůjde. V article máš součet stran 800 px a to má i centrovač, ve kterém to je. Tomu centrovači nastav 960 px.

Nahoru Odpovědět

5.2.2015 16:22

TruckersMP vývojář

Michael Škrášek

Tvůrce

Michael Škrášek:5.2.2015 17:04

Ten cistic dej na konec articlu

Editováno 5.2.2015 17:05

Nahoru Odpovědět

5.2.2015 17:04

"I choose a lazy person to do a hard job. Because that person will find an easy way to do it. " Bill Gates

Michael Škrášek

Tvůrce

Michael Škrášek:5.2.2015 17:06

Aha on tam jet, pardon, nevšiml jsem si

Nahoru Odpovědět

5.2.2015 17:06

"I choose a lazy person to do a hard job. Because that person will find an easy way to do it. " Bill Gates

Michael Škrášek

Tvůrce

Michael Škrášek:5.2.2015 17:09

JAk říkal IT Man, dej asside do articlu a cistic pod nej

Nahoru Odpovědět

5.2.2015 17:09

"I choose a lazy person to do a hard job. Because that person will find an easy way to do it. " Bill Gates

ondrasekno04

Člen

ondrasekno04:5.2.2015 18:39

Oprava: Na articl :-)

Nahoru Odpovědět

5.2.2015 18:39

Michael Škrášek

Tvůrce

Michael Škrášek:5.2.2015 22:39

Aha, nečetl jsem pozorně

Editováno 5.2.2015 22:40

Nahoru Odpovědět

5.2.2015 22:39

"I choose a lazy person to do a hard job. Because that person will find an easy way to do it. " Bill Gates

Naučíme tě pracovat na home-office.

Zjistit více...

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 21 zpráv z 21.

Nejčastěji vyhledáváné

Diskuze: sloupec