| Autor | Zpráva | ||
|---|---|---|---|
| MrKew Profil |
#1 · Zasláno: 5. 3. 2015, 21:33:33
Posunul jsem text o něco nahoru, aby byl v obrázku (Velikost obrázku se mění)
#main {
color: #ffffff;
z-index: 1;
position: relative;
bottom: 55px;
}Nevíte někdo jak ji odstranit, kromě toho že posunu vše nahoru? Nebo dá se to vyřešit nějak jinak? |
||
| Trejpa Profil |
#2 · Zasláno: 5. 3. 2015, 21:39:20
MrKew:
„Ale po posunutí mi na jeho původním místě zůstala mezera.“ To je normální chování relativního pozicování. Proto dobrá rada zní, nepoužívat pozicování, zejména relativní, zvlášť když nedomýšlíš důsledky. Rychle se to dá vyřešit odstraněním pozice a přidáním záporného horního marginu, ale stále je to vytloukání klínu klínem. Raději odstraň příčinu, kvůli které je objekt níž, než má dle tvých představ být. |
||
| Keeehi Profil |
#3 · Zasláno: 5. 3. 2015, 21:39:40
MrKew:
Ještě html. |
||
| MrKew Profil |
#4 · Zasláno: 5. 3. 2015, 21:46:17
|
||
| Trejpa Profil |
#5 · Zasláno: 5. 3. 2015, 22:06:46
MrKew:
1) Zmenšit obrázek na velikost, která se zobrazuje. V grafickém editoru. Počítám s 934 × 388 bodů. Nahrát na web. 2) Zrušit značku <img> před nadpisem. 3) Nastavit obrázek jako pozadí nadpisu, šířka se přizpůsobí a výšku udává součet svislého paddingu a výšky řádku nadpisu: #main {
background: black url("title.jpg") no-repeat center bottom;
color: #fff;
line-height: 40px;
padding: 348px 1ex 0;
text-align: right;
}4) Zapomenout na pozicování. Hlavně na relativní. |
||
| Keeehi Profil |
#6 · Zasláno: 5. 3. 2015, 22:13:08
#main {
color: #ffffff;
margin-top: -2em;
margin-bottom: 1em;
} |
||
| MrKew Profil |
#7 · Zasláno: 6. 3. 2015, 07:00:27
Trejpa:
Bude to fungovat i když se velikost obrázku mění? |
||
| Trejpa Profil |
#8 · Zasláno: 6. 3. 2015, 08:17:09
MrKew:
Pokud jde o jednorázovou výměnu obrázku, tak stačí přepočítat zadané rozměry, zejména padding. Jestli se má obrázek plynule zmenšovat s velikostí okna, tak by se kód musel trochu upravit. |
||
|
Časová prodleva: 10 let
|
|||
0