NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.
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.