Autor | Zpráva | ||
---|---|---|---|
TomiKplus Profil * |
#1 · Zasláno: 13. 11. 2009, 21:52:24
Zdavím všechny a prosím o radu.
Mám obrázek - lkterý má pevnou šířku: <img style = "width:530px" src = "../grafika/foto1.jpg" alt = "Foto č.1"> a mám jeden div: <div style = "width:530px; background-color:black; height:80px;"></div> Potřeboval bych ten div nějak absolutně napozicovat, aby překrýval ten obrázek v dolní části. Problém je, že ten obrázek má proměnnou výšku. Poradíte? |
||
Camo Profil |
#2 · Zasláno: 14. 11. 2009, 00:26:02
TomiKplus:
Snáď sa to bude dať tak, že ten obrázok obalíš divom a ten druhý div napozicuješ v tom prvom dive na spodok. |
||
TomiKplus Profil * |
#3 · Zasláno: 14. 11. 2009, 01:54:53
To jsem chtěl, ale ta fotka má různou výšku.
|
||
TomiKplus Profil * |
#4 · Zasláno: 14. 11. 2009, 01:58:19
aha tak jsem to vyřešil normálně
position: relative; top: -80px; předtim jsem měl chybu v kodu |
||
Bubák Profil |
#5 · Zasláno: 14. 11. 2009, 02:54:50
TomiKplus:
> tak jsem to vyřešil normálně > position: relative; top: -80px; Pozicování není normální řešení, budeš mít pod obrázkem 80px vysoký nevyužitelný prostor. Normální řešení je záporný margin: <img src=obrazek.png style="vertical-align: top; "> <div style="margin-top: 2.5em; background: lime; position: relative;">Text</div> Pokud nepotřebuješ pod textem pozadí, můžeš vyhodit i relativní pozici DIVu, je tam jen kvůli z-indexu. vertical-align: top; deklaruji kvůli mezeře pod obrázkem, takhle dostanu podobnější výsledek napříč prohlížeči a vykreslovacími režimy, pokud to pro tebe není důležité, můžeš vynechat. |
||
Camo Profil |
#6 · Zasláno: 14. 11. 2009, 15:26:05 · Upravil/a: Camo
Ja som samozrejme myslel position:absolute, nie relative a tým sa vyhneš aj z indexu.
Bubák: Záporný margin je podľa teba čistejší, ako pozicovanie? |
||
panther Profil |
#7 · Zasláno: 14. 11. 2009, 15:34:06
Camo:
„Záporný margin je podľa teba čistejší, ako pozicovanie?“ to nikdo neříká. Kdybys četl pořádně, co Bubák píše, věděl bys, že s relativním pozicováním „budeš mít pod obrázkem 80px vysoký nevyužitelný prostor.“. |
||
Camo Profil |
#8 · Zasláno: 14. 11. 2009, 16:25:00
No veď to ja viem a pýsal som o abs. poz., ale to zase treba prečítať čo som písal ja.
|
||
panther Profil |
#9 · Zasláno: 14. 11. 2009, 17:04:08
Camo:
„a pýsal som o abs. poz.“ to jsi sice pýsal, ale to je zbytečný div navíc. Bubákovo řešení si vystačí s tím, co je již na stránce, nepotřebuje nové elementy. |
||
Camo Profil |
#10 · Zasláno: 14. 11. 2009, 20:18:16
To je pravda.
Pýtal som sa preto, že neviem, akú má záporný margin podporu v prehliadačoch a ako to s ním vyzerá do budúcna. |
||
panther Profil |
#11 · Zasláno: 14. 11. 2009, 20:22:27
Camo:
„akú má záporný margin podporu v prehliadačoch“ funguje jako kterákoliv jiná hodnota marginu. Nejsou s ním problémy. „a ako to s ním vyzerá do budúcna.“ budoucnost je nejistá, ale margin snad nikdo nezruší. A záporné hodnoty nejsou zakázány, není tedy důvod, aby nefungovaly. |
||
Camo Profil |
#12 · Zasláno: 14. 11. 2009, 20:27:51
Vďaka!
|
||
Časová prodleva: 14 let
|
0