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 |
#2 · Zasláno: 4. 3. 2012, 13:33:58
test-align: center;
|
||
igid26 Profil |
#3 · Zasláno: 4. 3. 2012, 17:21:59
Ďakujem ale nefunguje to. Kam to mám vložiť?
|
||
Someone Profil |
#4 · Zasláno: 4. 3. 2012, 17:24:39
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 |
#5 · Zasláno: 4. 3. 2012, 18:41:02 · Upravil/a: igid26
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 |
#6 · Zasláno: 5. 3. 2012, 07:58:46
Nevie nikto ?
|
||
jenikkozak Profil |
#7 · Zasláno: 5. 3. 2012, 08:47:28
igid26:
Ne, nikdo neví. Přidej odkaz na živou ukázku, ať diskutující nemusejí hádat, jakou strukturu HTML používáš. |
||
igid26 Profil |
#8 · Zasláno: 5. 3. 2012, 10:46:02
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 |
#9 · Zasláno: 5. 3. 2012, 11:36:31
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 |
#10 · Zasláno: 5. 3. 2012, 12:08:00
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 |
#11 · Zasláno: 5. 3. 2012, 13:33:47
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 |
||
Časová prodleva: 11 let
|
0