Autor Zpráva
byxáž
Profil *
Ahoj, potřeboval bych na mých stránkách přesunout nadpis "Zdraví plus krása" do dolního levého rohu toho obrázku (jak je tam ta ženská se slunečnicí nebo co to je). Vím, že na tento dotaz je tu už spoustu témat, ale asi jsem úplně neschopnej a vůbec mi to nejde.

html tu:

<header id="masthead" class="site-header" role="banner">
        <div>
            
            <img src="http://zdravipluskrasa.cz/wp-content/uploads/2014/05/cropped-special-offers-header.jpg" />
        
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        </div>
    </header>


a css tu:

#masthead {
}
#masthead div {
    padding: 170px 50px 1em 80px;
}
#masthead .site-title,
#masthead .site-title a {
    font-family: "Janda Elegant Handwriting", Garamond, Georgia, serif;
    margin: 0;
    padding-top: 1em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #379A42;
    text-shadow: 2px 1px #EEEA1B;
}
#masthead .site-description {
    color: #FFB048;
    font-family: "Port Lligat Sans",Helvetica,sans-serif;
    font-size: 1.3em;
    padding-left: 1em;
}

Díky všem za rady
Tomáš123
Profil
byxáž:
potřeboval bych na mých stránkách přesunout nadpis "Zdraví plus krása" do dolního levého rohu toho obrázku
Skús dať nadpisu margin-top: -50px; /*tú hodnotu iba odhadujem*/. Ide o to, že ho posunieš o "X" pixelov nahor, voči súčasnej pozícii.

Malo by to vyzerať asi takto:
#masthead .site-title,
#masthead .site-title a {
    font-family: "Janda Elegant Handwriting", Garamond, Georgia, serif;
    margin: -50px 0 0;
    padding-top: 1em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #379A42;
    text-shadow: 2px 1px #EEEA1B;
}
byxáž
Profil *
no jasný, díky :D
Tomáš123
Profil
byxáž:
Až teraz som si všimol, že ide o dolný roh nadpisu. Všimni si úpravy v druhom [#2] príspevku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: