Autor Zpráva
PepaH
Profil
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
PepaH:
Zaujímavo spísané možnosti obrázkov na pozadí: Velký obrázek na pozadí stránky.
Tomáš123
Profil
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
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
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
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0