Diskuze: HTML5-logo+text

HTML a CSS HTML a CSS HTML5-logo+text American English version English version

Avatar
ondra181
Člen
Avatar
ondra181:

Dobrý deň,
prvý krát sa stretávam s HTML5 a CSS ako vlastne aj celkovo s tvorbou web stránok mám to zadané ako projekt do školy a narazil som na problém..mám takto napísaný header
<header class="logo"><img src="img/logo.png" alt="Sony Ericsson"/>
<hgroup>
<h1 class="nadpis">XPE­RIA MINI</h1>
<h3 class="podnad­pis">Stránka pre tých ktorých zaujíma Sony Ericsson Xperia Mini</h3>
</hgroup>
</header>
a neviem ako by som dosiahol cez CSS to aby sa mi text XPERIA MINI zobrazoval vedla obrázku logo.png a nie pod ním, ak by ste mi vedeli pomôcť budem velmi rád...a mal by som aj otázku aký je rozdiel medzi class a id..a taktiež či mám používať <div> </div> a k čomu mot vlastne je....
Ďakujem za odpoveď každá informácia mi velmi pomôže

 
Odpovědět 29.10.2012 22:13
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Chybí ti úplný základy html, css. Class lze použít vícekrát. Id pouze jednou. Na další věci se koukni na internet nebo rovnou zde na články o html :)

Nahoru Odpovědět  +1 29.10.2012 22:16
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Kit
Redaktor
Avatar
Odpovídá na ondra181
Kit:

Rozdíl mezi class a id je asi takový, jako je mezi psem a Azorem. id identifikuje konkrétní místo v dokumentu, class je označení kategorie. Podle id se obvykle pozicuje, podle class styluje.

Nahoru Odpovědět  +1 29.10.2012 22:24
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
ondra181
Člen
Avatar
ondra181:

nj základy mi chýbajú lebo v stredu som dostal zadanie a v stredu treba odovzdať, pustil som sa do toho tak z neznáma..aj toho pacmana som si stiahol ale nejako mi to nefičí ani podla neho :( keby som na to mal mesiac ani nepíšem a prečítam si všetko ale akosi som v koncoch a neviem si rady :/

 
Nahoru Odpovědět 29.10.2012 22:28
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

pacmana ? Jinak není jednodušší udělat to logo (obrázek) rovnou i s textem ? Pokud ale potřebueš editovat text, nebo obrázek udělej to zřejmě přes float a nebo jednoduššeji tabulku.

Nahoru Odpovědět 30.10.2012 8:22
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Obrázku jednoduše nastavíš

float: left;

a text ti to bude obtékat zprava.
Předpokládám že text má být vpravo, pokud ne tak

float: right;
Editováno 30.10.2012 8:37
Nahoru Odpovědět 30.10.2012 8:35
Creating websites is awesome till you see the result in another browser ...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na ondra181
David Čápka:

Přečti si prvních pár dílů tohoto seriálu: http://www.itnetwork.cz/…bove-stranky

Prvních 5 dílů by ti mělo stačit, nejsou nijak dlouhé, máš to za odpoledne a jinak to asi nepůjde.

Nahoru Odpovědět 30.10.2012 10:28
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
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 7 zpráv z 7.