Háttérkép középre igazítása CSS-sel
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.
■ 
Friss blogmarkok
- Web Akadálymentesítési Útmutató (WCAG) 2.1 – nyilvános munkaterv – Megjelent a WCAG (Web Akadálymentesítési Útmutató) 2.1 nyilvános munkaterv (0)
- MongoDB Apocalypse Is Here as Ransom Attacks Hit 10,000 Servers – Több tízezer védtelen MongoDB szerverre csaptak le hackerek (2)
- 12 Signs You’re Working in a Feature Factory – A cél nélküli funkciógyártás néhány tünete (0)
- Translatable, custom dates in Twig templates of Drupal 8 – Saját dátumok megjelenítése, fordíthatóan a Drupal 8 smink rétegével dolgozva (0)
- NativeScript – Cross-Platform Native Development with Javascript – Fejlesszünk natív mobilalkalmazást JavaScripttel (0)
- GitHub Security Update: Reused password attack – Érdemes bekapcsolni a kétfaktoros azonosítást, ha a GitHub jelszavunkat más oldalakon is újra felhasználtuk (17)
- UX Design könyv – Hogyan tervezz felhasználóbarát és szerethető alkalmazásokat? (0)
- Introducing unlimited private repositories – Megváltozik a GitHub díjszabása: minden előfizetéshez korlátlan számú privát repository jár (0)
- Drupal 8 Twig: add custom CSS classes to menus (based on menu name) – Saját elképzeléseink szerinti CSS osztályok (automatizált) hozzáadása a Drupal 8 menüihez (0)
Cikkajánló
Bártházi András:
CSS alapjai V.
netman:
CSS lépésről-lépésre: nyomtatás
gerzson:
PHP Chemotox I.
Friss csiripek
Csiripek betöltése…
Aktív fórum témák
Új fórum témák
Archívum
| H | K | Sze | Cs | P | Szo | V |
|---|---|---|---|---|---|---|
| 28 | 29 | 30 | 31 | 1 | 2 | 3 |
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 1 |
center
http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
Attila
ja
azt hiszen, megvan a megoldás
igen
-boogie-
gondok
2x
vagy:
50% 50%
--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
nem értem
elolvastad?
--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
Mutass kódot
Attila
Duh!
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?
milyen témába tetrtem volna.
middle?
--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
THX mindenhinek! - Újabb problémák
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?
100 mi?
Ez így gagyi.
--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
A 100%-ot nem fogadta el,
mértékegység kell
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
Ez a helyzet
.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?
Pedig center
.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
Prpóbáld ki!
Nálam jó
http://blog.aid.hu/file/css-background-center/
Nálad nem a
DIVközepén van a kép?Attila
Most jó!
Köszönöm a segítséget mindenkinek!
Lényegtelen
Attila
Tesztelj!
Szeretettel: Károly György Tamás
kgyt(a)kgyt.hu - http://kgyt.hu
Sorry!