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
Nahoru Odpovědět  ±0 3.2.2015 21:20
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na Michal Šmahel (ceskyDJ)
Michal Šmahel (ceskyDJ):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  +1 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 (ceskyDJ)
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
IT Man
Redaktor
Avatar
Odpovídá na Michal Šmahel (ceskyDJ)
IT Man: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  +1 3.2.2015 21:34
Usmívej se, zítra už tvůj kód nemusí fungovat!
Avatar
Odpovídá na Michal Šmahel (ceskyDJ)
Jan Kožnárek (Creevek_CZ):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. Twitter: @Creevek_CZ
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na IT Man
ondrasekno04:3.2.2015 21:36

Neřeš ;-) :-) .

 
Nahoru Odpovědět 3.2.2015 21:36
Avatar
Odpovídá na ondrasekno04
Michal Šmahel (ceskyDJ):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
Odpovídá na IT Man
Michal Šmahel (ceskyDJ):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  +1 3.2.2015 21:37
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na ondrasekno04
Michal Šmahel (ceskyDJ):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
Odpovídá na ondrasekno04
Michal Šmahel (ceskyDJ):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
Odpovídá na ondrasekno04
Michal Šmahel (ceskyDJ):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
IT Man
Redaktor
Avatar
Odpovídá na ondrasekno04
IT Man: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  +1 5.2.2015 16:20
Usmívej se, zítra už tvůj kód nemusí fungovat!
Avatar
IT Man
Redaktor
Avatar
IT Man: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
Usmívej se, zítra už tvůj kód nemusí fungovat!
Avatar
Odpovídá na ondrasekno04
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
Proč to dělat složitě, když to jde jednoduše.
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
Proč to dělat složitě, když to jde jednoduše.
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  -1 5.2.2015 17:09
Proč to dělat složitě, když to jde jednoduše.
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
Odpovídá na ondrasekno04
Michael Škrášek:5.2.2015 22:39

Aha, nečetl jsem pozorně :D

Editováno 5.2.2015 22:40
Nahoru Odpovědět 5.2.2015 22:39
Proč to dělat složitě, když to jde jednoduše.
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.