NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
ondrasekno04
Člen
Avatar
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
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na ondrasekno04
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.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Michal Šmahel
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.
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Michal Šmahel
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
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Šmahel
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ář
Avatar
Creevek
Člen
Avatar
Odpovídá na Michal Šmahel
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.
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Jan Lupčík
ondrasekno04:3.2.2015 21:36

Neřeš ;-) :-) .

 
Nahoru Odpovědět
3.2.2015 21:36
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na ondrasekno04
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.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Jan Lupčík
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.
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Michal Šmahel
ondrasekno04:3.2.2015 21:40

Výsledek:

 
Nahoru Odpovědět
3.2.2015 21:40
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na ondrasekno04
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.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na ondrasekno04
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.
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Michal Šmahel
ondrasekno04:5.2.2015 16:08

pořád nejde

 
Nahoru Odpovědět
5.2.2015 16:08
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na ondrasekno04
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.
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na ondrasekno04
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ář
Avatar
Jan Lupčík
Tvůrce
Avatar
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ář
Avatar
Michael Škrášek
Tvůrce
Avatar
Odpovídá na ondrasekno04
Michael Škrášek:5.2.2015 17:04

Ten cistic dej na konec articlu

Editováno
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
Avatar
Michael Škrášek
Tvůrce
Avatar
Odpovídá na Michael Škrášek
Michael Škrášek:5.2.2015 17:06

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

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
Avatar
Michael Škrášek
Tvůrce
Avatar
Odpovídá na ondrasekno04
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
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Michael Škrášek
ondrasekno04:5.2.2015 18:39

Oprava: Na articl :-)

 
Nahoru Odpovědět
5.2.2015 18:39
Avatar
Michael Škrášek
Tvůrce
Avatar
Odpovídá na ondrasekno04
Michael Škrášek:5.2.2015 22:39

Aha, nečetl jsem pozorně :D

Editováno
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
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.