Diskuze: Pozicování textu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

NBDY

Neregistrovaný

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

niveses

Tvůrce

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.