IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Pozicování textu

Aktivity
Avatar
NBDY
Neregistrovaný
Avatar
NBDY:14.8.2013 15:43

Ahoj, mám menší problém,
mám v headeru zelené pozadí, kde potřebuju mít jeden text odsazený zleva o 100px shora 150px, další text ale potřebuji mít odsazený zleva 150px shora 100px. Boužel když jsem použil padding, tak se mi pozadí rozhodilo, respektive prodloužilo. Děkuji
html

<article>
<header class="head">
 <p  class="head">"Lorem ipsum Lorem Ipsum"</p>
 <h2  class="head"></h2>
</header>
</artcicle>

css

.head{background-color:yellow; height:800px; margin: 0 auto;}
p.head{padding: 150px 0px 0px 100px;  font-size:50px; }
h2.head{padding: 100px 0px 0px 150px;  }
 
Odpovědět
14.8.2013 15:43
Avatar
niveses
Tvůrce
Avatar
niveses:14.8.2013 15:51

Header je jen jeden a tudíž bych tam nedávál class.

<article>
<header>
 <p>"Lorem ipsum Lorem Ipsum"</p>
 <h2></h2>
</header>
</artcicle>

A potom

header{background-color:yellow; height:800px; margin: 0 auto;}
header p{padding: 150px 0px 0px 100px;  font-size:50px; }
header h2{padding: 100px 0px 0px 150px;  }

Myslím, že takhle by to mohlo fungovat.

 
Nahoru Odpovědět
14.8.2013 15:51
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 2 zpráv z 2.