ugrás a tartalomhoz

Háttérkép középre igazítása CSS-sel

Anonymous · 2005. Júl. 6. (Sze), 14.20
A következő a gondom: van egy kis méretű háttérképem ami css-sel van beállítva, csak az a baj, hogy nem tudom köépre igazítani.
‹ IE-ben nem lehet 19 pixelnél keskenyebb divet kitenni? xml és xhtml viszonya? ›
 ■
1

center

attlad · 2005. Júl. 6. (Sze), 14.53
Nézd meg a leírásban hogy kell:
http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

Attila
2

ja

Anonymous · 2005. Júl. 6. (Sze), 15.01
többek között próbáltam már ezeket: align: center; text-align: center; és még sok mást... csak jobbra vagy balra
3

azt hiszen, megvan a megoldás

Anonymous · 2005. Júl. 6. (Sze), 15.07
azt hiszen, megvan a megoldás, background-position: center;
4

igen

Bártházi András · 2005. Júl. 6. (Sze), 15.15
Mint ahogy azt attlad is írta.

-boogie-
5

gondok

Anonymous · 2005. Júl. 6. (Sze), 17.02
A lehetséges megoldást, background-position: center; kipróbáltam. A képet a lap közepére teszi, csak nem vízszintesen, hanem függőlegesek, mi a megoldás?
6

2x

kgyt · 2005. Júl. 6. (Sze), 17.15
center center
vagy:
50% 50%

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
7

nem értem

Anonymous · 2005. Júl. 6. (Sze), 17.20
nem értem
8

elolvastad?

kgyt · 2005. Júl. 6. (Sze), 17.22
A fenti linken található anyagot elolvastad?

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
9

Mutass kódot

attlad · 2005. Júl. 6. (Sze), 17.38
Másold be a kódot vagy mutass példaoldalt, ami nálad nem úgy megy ahogy kéne.

Attila
10

Duh!

Anonymous · 2005. Júl. 6. (Sze), 22.12
background-position:middle middle;

Ha azt akarod, hogy ott is maradjon scrollozásnál:

background-attachment:fixed;

Ennyi.

ProClub
proclub##kukac##karinthy.hu

ui. Ez hol DHTML/Flash téma?
11

milyen témába tetrtem volna.

Anonymous · 2005. Júl. 7. (Cs), 09.44
milyen témába tetrtem volna. Van ötleted?
14

middle?

kgyt · 2005. Júl. 7. (Cs), 12.00
Ez milyen szabvány?


--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
12

THX mindenhinek! - Újabb problémák

Anonymous · 2005. Júl. 7. (Cs), 09.49
Ezt írtam be:
position: relative; left: 100; top: 0;
és így sikerült, de viszont 2 probléma merült fel.
1. Az oldal szélessége akkora lett, mint a képé. Mi a megloldás?
2. A kép alatti szöveg felkerült a képre. Mit kell javítani?
13

100 mi?

kgyt · 2005. Júl. 7. (Cs), 11.59
A 100 milyen mértékegység?
Ez így gagyi.

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
15

A 100%-ot nem fogadta el,

Anonymous · 2005. Júl. 7. (Cs), 16.30
A 100%-ot nem fogadta el, csak a 100-at.
16

mértékegység kell

kgyt · 2005. Júl. 7. (Cs), 16.36
px, pt, em stb.

Tessék ezt nagyon alaposan áttanulmányozni!
http://www.w3.org/TR/CSS21/


--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
17

Ez a helyzet

Anonymous · 2005. Júl. 9. (Szo), 10.33
A CSS.kód idevágó része:

.logo {width: 580px; height: 60px; background: url('anabnr2.gif') no-repeat;}

A HTML kód idevágó része:

<link rel="stylesheet" type="text/css" href="style.css">
<div class="logo"></div>

A probléma? A CSS kódban megadott képet nem tudom középre igazítani, bármit írok bele (top center, a %-os értékeket meg nem fogadja el). Mit írjak bele, hogy jó legyen?
18

Pedig center

attlad · 2005. Júl. 9. (Szo), 10.57
.logo {width: 580px; height: 60px; background: url(anabnr2.gif) no-repeat center;}

Ezekbe megy nálam, a DIV elem közepére kerül a háttérkép: Mozilla 1.4, Mozilla Firefox 1.0.4, IE 4, IE 5.01, IE 5.5, IE 6.0, Opera 6.05, Opera 8.02 TP1, Konqueror 3.4.

Attila
19

Prpóbáld ki!

Anonymous · 2005. Júl. 9. (Szo), 11.48
Kipróbáltam már sima center-rel is (ahogy most te javasoltad), de úgy bal oldalt tette középre (tehát függőlegesen), Ha a .logo helyett body-t írok, csak akkor tudom szabadon igazítani a képet, azt meg nem akarok írni, mert több oldal használja ezt a stíluslapot
20

Nálam jó

attlad · 2005. Júl. 9. (Szo), 12.27
De itt egy tesztoldal:
http://blog.aid.hu/file/css-background-center/

Nálad nem a DIV közepén van a kép?

Attila
22

Most jó!

Anonymous · 2005. Júl. 9. (Szo), 12.54
A tesztoldal sémájára megcsináltam az enyémet is, müxik! Az elején feltünt, hogy abba nincs width elem, ha beleteszem, megint nem megy, ez az elem nem kellett volna?
Köszönöm a segítséget mindenkinek!
24

Lényegtelen

attlad · 2005. Júl. 9. (Szo), 14.40
Annak nem kéne befolyásolnia.

Attila
21

Tesztelj!

kgyt · 2005. Júl. 9. (Szo), 12.34

background: transparent url(anabnr2.gif) no-repeat center center;
--
Szeretettel: Károly György Tamás
kgyt(a)kgyt.hu - http://kgyt.hu
23

Sorry!

Anonymous · 2005. Júl. 9. (Szo), 13.09
Leteszteltem, de a te változatoddal még a kép sem jelenik meg.