Autor Zpráva
igid26
Profil
Zdravím,
Vytvoril som si prihlasovací formulár. Inputy som nastyloval. No potreboval by som zadať pozíciu pozadia na stred.

Tu je css kód.


/*************************************************
profil-pozadie
*************************************************/
#profil-pozadie-wrapper {
    width:240px;
    height:140px;
        margin:0 auto;    
}
#profil-pozadie {
    float:right;
    margin-right:15px;
       
}


#profil-pozadie ul {
    float:left;
    list-style-type:none;
    margin-right:85px;
    padding:0px;
    position:relative;
    z-index:0;
    width:290px;
    height:170px;
        background:url(http://mojahudba.sexyi.am/pozadie-loginu.png) no-repeat center;
}






.login fieldset {margin-right: 5px;
    margin-top: 6px;
    position: relative;}
.login input {width: 75%; border: none; background: #FFFFFF; padding: 8px 35px 8px 12px; color: #333; vertical-align: middle; border-radius:15px;}
.login button {width: 16px; height: 16px; background: url(images/search.png) no-repeat left top ; 
cursor: pointer; border: none; position:absolute; top:10px; right:10px;}
Someone
Profil
test-align: center;
igid26
Profil
Ďakujem ale nefunguje to. Kam to mám vložiť?
Someone
Profil
Předpokládám, že ten modrý box je #profil-pozadie-wrapper takže
#profil-pozadie-wrapper {
    width:240px;
    height:140px;
    margin:0 auto; 
    text-align: center;
}
igid26
Profil
Aha no už to ide v pohode ďakujem moc.


No ale ako to skúšam tak ono mi to zarovnáva do stredu horizontálne ale stále je moc na vrchu. Ako sa zadávajú presne pozície?
igid26
Profil
Nevie nikto ?
jenikkozak
Profil
igid26:
Ne, nikdo neví.
Přidej odkaz na živou ukázku, ať diskutující nemusejí hádat, jakou strukturu HTML používáš.
igid26
Profil
http://mojahudba.sexyi.am

A tu je html kód prihlasovacieho formulára.

<div id="profil-pozadie-wrapper">
            
                <div id="profil-pozadie">
                

<?php if (!(current_user_can('level_0'))){ ?>
<ul class="headerlinks">

<div class="login">

          

<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" value="Prihlasovacie meno" onfocus="if(this.value=='Prihlasovacie meno') this.value=''" name="log" font-size: large id="log"   value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" onfocus="if(this.value=='Prihlasovacie meno') this.value=''"  size="19"  style="border: 2px solid dcdcdc; background-color: white" />
<input type="password"  onfocus="if(this.value=='Heslo') this.value=''" name="pwd" id="pwd" value="Heslo" size="19" style="border: 2px solid dcdcdc; background-color: white" /></br></br>
<input type="submit" name="submit" value="Prihlásiť" class="button" />
<input type="submit" name="submit" value="Registrácia" class="button" />  
<p>

             </p>
</form>
<center><a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Zabudnute heslo</a></center>
</div>
<?php } else { ?>
<div id="profil-pozadie2-wrapper">
            
                <ul class="headerlinks">

<h2>Logout</h2>
<a href="<?php echo wp_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">logout</a><br />
<a href="http://mojahudba.sexyi.am/wp-admin/">admin</a>
</div>
<?php }?>

</div>
Someone
Profil
igid26:
ale stále je moc na vrchu
Použij padding.
#profil-pozadie-wrapper {
    width:240px;
    height:120px; // původně 140px; -> padding-top: 20px; -> height: 120px;
    margin:0 auto; 
    text-align: center;
   padding-top: 20px; //Kolik dáš padding-top o tolik zmenši výšku,
}
jenikkozak
Profil
igid26:
Jen nepříliš související poznámka č. 1: Styl můžeš přidat i formuláři, nepotřebuješ milion <divů>.
Poznámka č. 2: Pokud bude ten formulář v divu s id „header-ad“, uživatelům, kteří blokují reklamu pomocí AdBlocku, se vůbec nezobrazí. (To id je na seznamu blokovaných.)
igid26
Profil
No cez padding som to už skúšal ale furt to nešlo. Tak som do html vložil </br> neni to moc dobrý spôsob zadávania pozície ale čo už :D
A id „header-ad“ som zmenil to ma nenapadlo že to múže blokovať ďakujem za rady :D

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0