| 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: 12 let
|
|||
0