| Autor | Zpráva | ||
|---|---|---|---|
| gardener Profil |
#1 · Zasláno: 13. 6. 2008, 01:30:38
zdravím mám dotaz:
Jak nastavit obrázek umístěný jako background na střed vertikálně i horizontálně aby to fungovalo ve všech prohlížečích,zkoušel jsem text-align:center a valign ale funguje to pouze v IE,ve FF a OP se to zobrazína středu jen horizontálně.. Díky za jakoukolliv radu.. |
||
| Railbot Profil |
#2 · Zasláno: 13. 6. 2008, 06:00:41
background:url(...) no-repeat center center
|
||
| gardener Profil |
#3 · Zasláno: 13. 6. 2008, 11:00:53
No mám to takto a ve FF to pořád nejede..
body {
background-color: #2ABFFF;
background-image: url(../images/big.png);
text-align:center;
background-repeat: no-repeat;
background-position: center center;
} |
||
| Railbot Profil |
#4 · Zasláno: 13. 6. 2008, 11:48:37
gardener
Chyba je asi jinde. Tohle funguje normálně všude. |
||
| gardener Profil |
#5 · Zasláno: 13. 6. 2008, 11:59:10
No ale kde chyba může být, také si myslím, že by to takto mělo fungovat..
Přidávám komplet kod, toho logovacího formu: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Login</title>
<style type="text/css">
<!--
body {
background-color: #2ABFFF;
background-image: url(../images/big.png);
text-align:center;
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
</head>
<body>
<fieldset">
<legend>Login</legend>
<form action="layout.php" method="post">
Jméno:
<input type="text" size="10" name="jmeno">
<br>
Heslo:
<input type="password" size="10" name="heslo">
<br>
<input type="submit" name="ok" value="O.K">
</form>
</fieldset>
</body>
</html> |
||
| gardener Profil |
#6 · Zasláno: 13. 6. 2008, 12:09:32
Vyřešeno,muselo se ještě doplnit:
background-attachment: fixed; Děkuji za rady. |
||
| Yuhů Profil |
#7 · Zasláno: 13. 6. 2008, 13:34:01
nebo pro body nastavit výšku, třeba
height: 100%; |
||
| anonym Profil |
#8 · Zasláno: 13. 6. 2008, 16:26:25
Sorry za OT ale gardenere nebyl jsi nahoudou na Tr.vianu? Na s3?
|
||
| gardener Profil |
#9 · Zasláno: 13. 6. 2008, 16:36:40
anonym:Ne to nejsem, naštěstí jsem kouzlu ******** nepropadl:)To bych už nestihl vůbec nic:)
|
||
| gardener Profil |
#10 · Zasláno: 13. 6. 2008, 17:39:21
Tak jsem se opět zaseknul..nyní se to týká vertikálního zarovnání..vertical align nereaguje,tak se ptám,jak je možné zarovnat horizontálně na střed obrazovky, konkrétně u prvku s ID field?
body { margin: 0 ; padding: 0 ; background-color: #2ABFFF; background-image: url(../images/big.png); text-align:center; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } #field{ margin: 0 auto; padding: 0 auto; width: 200px; height: 130px; } |
||
| Bubák Profil |
#11 · Zasláno: 13. 6. 2008, 18:57:09
nyní se to týká vertikálního zarovnání..vertical align nereaguje,tak se ptám,jak je možné zarovnat horizontálně na střed obrazovky, konkrétně u prvku s ID field?
Tak jak, horizontálně, nebo vertikálně? Tuším, že obojí, a protože znáš výšku (height: 130px;), tak je to jednoduché: www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243 http://murphy.cz/victoria-s-vertical-centering/test-page/ |
||
| gardener Profil |
#12 · Zasláno: 13. 6. 2008, 19:02:55
omluva:Je to pouze vertikální polohy..horizontální jsem už vyřešil..
|
||
| gardener Profil |
#13 · Zasláno: 13. 6. 2008, 20:01:04
Vyřešeno za pomoci www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243
|
||
|
Časová prodleva: 16 let
|
|||
0