Autor | Zpráva | ||
---|---|---|---|
PepaH Profil |
#1 · Zasláno: 10. 9. 2014, 15:44:15
Zdravím,
dlouho jsem již nic podobného nedělal a tak se zeptám zde, neboť už mi docházejí nápady. Potřebuji udělat z obrázku pozadí stránky tak, aby mi ten obrázek zabral pěkně celou stránku a byl vidět celý (tedy i na pc s menším rozlišením), nevíte jestli není někde nějaký kód, který by šel použít? Jinak se chci ještě zeptat, zda je nějak možné umístit odkaz přímo na určité místo v tom obrázku. Díky. |
||
lionel messi Profil |
#2 · Zasláno: 10. 9. 2014, 15:46:22
PepaH:
Zaujímavo spísané možnosti obrázkov na pozadí: Velký obrázek na pozadí stránky. |
||
Tomáš123 Profil |
#3 · Zasláno: 10. 9. 2014, 16:24:07
PepaH:
„Jinak se chci ještě zeptat, zda je nějak možné umístit odkaz přímo na určité místo v tom obrázku.“ Pomocou obrázkovej mapy (popísané úplne dole). |
||
Bubák Profil |
#4 · Zasláno: 10. 9. 2014, 17:24:48
PepaH:
Obrázku na pozadí není možné deklarovat obrázkovou mapu. Obrázku z proměnnou velikostí není vhodné deklarovat obrázkovou mapu, obrázková mapa bude sedět jen pro jednu velikost obrázku. Webová stránka není plakát, budeš to muset udělat jinak. |
||
jefitto44 Profil |
#5 · Zasláno: 12. 9. 2014, 07:45:03
body { background:url("bg.jpg"); // odkaz na obrázok na pozadí background-repeat: no-repeat; // nech sa neopakuje background-size:contain; //Zabezpečí, že sa obrázok zobrazí vždy celý background-attachment: fixed; // Pozadie nebude rolovať zo stránkou, čo zabezpečí, že obrázok nebude nikdy krátky, ani ak stránka bude mať metrovú výšku } Odkaz na určité miesto v pozadí je blbosť jak traky. Dá sa to ale tak, že si vytvoríš div, ktorý bude zaberať výšku a šírku celého body .odkaz { width:100%; height:100%; overflow:hidden; // Zabráni problémom v prípade, že dnu bude niečo floatovať position:relative; } .odkaz a { display:block; // Pri display block môžeš nastavovať rozmery, ak nenastavíš, automaticky to bude 100% position:absolute; top:50px; left:50px; // Nastavíš želanú pozíciu odkazu width:55px; height:55px; // nastavíš šírku a výšku } HTML potom vyzerá takto <div class="odkaz"><a href="nieco">Text odkazu, alebo obrázok, alebo aj nič tu nemusí byť</a></div> |
||
Bubák Profil |
#6 · Zasláno: 12. 9. 2014, 08:57:43
jefitto44:
V CSS se komentáře píší jinak. „Odkaz na určité miesto v pozadí je blbosť jak traky. Dá sa to ale tak, že si vytvoríš div, ktorý bude zaberať výšku a šírku celého body“ Proč deklaruješ další DIV, když můžeš využít existují element BODY? „height:100%;“ Nebude fungovat. „display:block; // Pri display block môžeš nastavovať rozmery, ak nenastavíš, automaticky to bude 100%“ Na dalším řádku nastavuješ absolutní pozici. Tvé tvrzení o 100% šířce neplatí pro bloky vytržené z toku dokumentu, tedy plovoucí elementy a absolutně nebo fixně pozicované elementy. „Odkaz na určité miesto v pozadí je blbosť jak traky.“ Naprostý souhlas. |
||
Časová prodleva: 10 let
|
0