Autor Zpráva
Vladislav97
Profil
Dobrý den,

chtěl bych se zeptat na jednu věc. (Jsem takový pokročilejší začátečník). Jak udělat tak, abych poté, co si navrhnu svoje pozadí ve Photoshopu, ho mohl umístit takovým způsobem, že by při zmenšování webové stránky až i na maximum se vždy zobrazovalo pozadí, ale zmenšené...
Např takto (šipkami jsem zobrazil, různé elementy, co na webové stránce zůstali při minimálním zvětšení):



a pak




Předem moc děkuji za pomoc.

Ale ne takto!!

candiess
Profil
Vladislav97:
Zkrátka nechcete, aby se pozadí opakovalo? Z vašeho datazu není moc jasné, o co jde. Jednou píšete o maximálním zvětšení, podruhe o minimálním zvětšení (mam to chápat jako oddálení?).

Na opakování pozadí slouží CSS vlastnost: background-repeat
Rellik
Profil
Jestli myslíš zoom pozadí aby byl vidět pořád celé i př zmenšení nebo zvětšení stránky, tak to sice jde udělat, ale nefunguje to všude http://firstpage.rellik.eu/?page=rozliseni
jenikkozak
Profil
Rellik:
Nedává mi moc smysl se pomocí všelijakých prefixů snažit přidat roztahovatelné pozadí odhadem do jednoho procenta zastoupení prohlížečů, když téměř 20 % uživatelů používá prohlížeče, které background-size neumějí ani s prefixy. (Včetně Exploreru až do verze 8.)
Rellik
Profil
jenikkozak:
Vždyť sem taky napsal, že to nejde všude. Jinak sem pouze odpověděl na dotaz, jak to udělat pokud to jde... ;)
Vladislav97
Profil
candiess:
Jednou píšete o maximálním zvětšení, podruhe o minimálním zvětšení (mam to chápat jako oddálení?).

Já se moc omlouvám, nenahrál se sem předposlední obrázek. Ano, myslím, aby se ten obrázek roztahoval jako zde:



P.S.Vlastně se nahrál , akorát to trvalo delší dobu. (Celkem mám zde mít 3 obrázky)


Rellik: Děkuji moc za radu :). Pokud to jde udělat ještě jinak, tak budu rád.


Ještě bych se rád ohledně toho zeptal na jednu věc. Já si ve Photoshopu jsem nějaké pozadí s tlačítkami, kde byl text - celý to rastruji a spojim do celého obrazu. Poté jsem si vzal nástroj řez a označil jim ta místa, kde budou daná tlačítka. Poté jsem dokument uložil pro web. na ploše se zobrazila nějaká html stránka se složkou, kde se nacházejí oříznuté obrázky. Když ji otevřu v poznámkovým bloku a přidám, k daným tlačítkům odkazy, tak ve finále bude fungovat. Ale když ji opět budu zmenšovat, tak se mi bude obraz zmenšovat také, ale doplnovat to bude už pouze bílé pozadí. jak udělat tak, aby to zůstalo přizpůsobené obrazovce a přitom šlo klikat na ty tlačítka. Moje html souboru vypadá takto:

<html>
<head>
    <title>Viteje!</title>
<bgsound src="files/music.au" loop="-1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (obrazek.png) -->
<table align="center" id="Tabulka_01" width="1400" height="958" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="files/images/obrazek_01.gif" align="center" width="1400" height="671" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="files/images/obrazek_02.gif" width="929" height="150" alt=""></td>
        <td colspan="2">
            <a href="files/aquapark.html"><img border="0"src="files/images/obrazek_03.gif" width="248" height="44" alt=""></a></td>
        <td rowspan="4">
            <img src="files/images/obrazek_04.gif" width="223" height="286" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="files/images/obrazek_05.gif" width="248" height="106" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="files/images/obrazek_06.gif" width="847" height="136" alt=""></td>
        <td colspan="2">
            <a href="files/aquapark.html"><img border="0" src="files/images/obrazek_07.jpg" width="270" height="47" alt="aquapark.html"></td>
        <td rowspan="2">
            <img src="files/images/obrazek_08.gif" width="60" height="136" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="files/images/obrazek_09.gif" width="270" height="89" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="files/images/spacer.gif" width="847" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="82" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="188" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="60" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="223" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Kam mám přidat toto:
    <style>
        html {
            background: url(files/obrazek.png) no-repeat center center fixed;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;        
            }
    </style>

aby mi to fungovalo správně. Předem moc děkuji!
user243
Profil
Vladislav97:
Kam mám přidat toto...
mezi tagy <head></head>
a pokud možno, nepoužívejte zvuky na stránce bez možnosti vypnutí;
Vladislav97
Profil
user243:

Ale ten celý obrázek se skládá z několika částí - a já chci aby se ten obrázek zobrazil vždy na celou stránku a byly funkční tlačítka. :)

Části obrázků jsou umístněny ve složce: images

Já vlastně ani nechci aby to bylo pozadí ve smyslu, že by se na něm ještě něco psalo, ale hotový obraz roztáhnutý vždy na celou stránku (složený s několika obrázku a s funkčností tlačítek při kliknutí)
user243
Profil
já jsem jen odpovídal na to, kam se stylem, mimo to by se to mělo nastavovat tagu body a ne html;

jinak... možná jsem to nepochopil, ale nestačilo by mít jeden velikánský div s šířkou a výškou 100%, v něm mít obtékaně všechny ty nejrůznější obrázky s rozměry také v procentech; pak by se to mělo zobrazovat vždy přes celou stránku (místy nejspíš i rozmazaně), dokonce by se to zmenšovalo; ted moc nevím, jestli je to pozadí u menu, nebo dokumentu;

živá ukázka by nebyla?
Vladislav97
Profil
user243:
Nebo já se spíše zeptám tak: jde vložit někam kod html tak, aby se tabulka rotáhnula přes celou obrazovku? I přes zmennšování stránky by zůstala připevněna?

Myslím tuto tabulku (která funguje jakou soubor obrázku):

<table align="center" id="Tabulka_01" width="1400" height="958" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="files/images/obrazek_01.gif" align="center" width="1400" height="671" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="files/images/obrazek_02.gif" width="929" height="150" alt=""></td>
        <td colspan="2">
            <a href="files/aquapark.html"><img border="0"src="files/images/obrazek_03.gif" width="248" height="44" alt=""></a></td>
        <td rowspan="4">
            <img src="files/images/obrazek_04.gif" width="223" height="286" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="files/images/obrazek_05.gif" width="248" height="106" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="files/images/obrazek_06.gif" width="847" height="136" alt=""></td>
        <td colspan="2">
            <a href="files/aquapark.html"><img border="0" src="files/images/obrazek_07.jpg" width="270" height="47" alt="aquapark.html"></td>
        <td rowspan="2">
            <img src="files/images/obrazek_08.gif" width="60" height="136" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="files/images/obrazek_09.gif" width="270" height="89" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="files/images/spacer.gif" width="847" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="82" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="188" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="60" height="1" alt=""></td>
        <td>
            <img src="files/images/spacer.gif" width="223" height="1" alt=""></td>
    </tr>
</table>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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