Stránka 1 z 2

[HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:17
od MasterOfShadow
Ahoj všichni. Hledal jsem to na internetu, ale všude vidím jenom návod na CSS. Jak můžu udělat, aby obrázek co jsem si stáhl byl v HTML stránce jako pozadí? Díky moc.

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:24
od Tholus
Pokud vím, tak to v HTML nejde. Proč to neuděláš v CSS, které je nezbytnou součástí HTML stránky?

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:27
od MasterOfShadow
Nevím o CSS vůbec nic :/

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:28
od Tomasb98
Tak se ho nauč bez něj to nemá cenu! HTML a CSS jsou nerozlučná dvojka :D ale jde to i přes html mrkni zde: http://www.jakpsatweb.cz/pozadi.html

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:33
od faraon
Struktura jednoduché stránky:

Kód: Vybrat vše

<html>
  <head>
    <title>Titul stránky</title>
  </head>
  <body background="obrazek.jpg">
    ...
    ...
  </body>
<html>

Počítej s tím že obrázkem se celé pozadí "vytapetuje", takže by měl plynule navazovat.

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 17:54
od MasterOfShadow
právě, že mi to obrazek.jpg nefunguje :(

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 18:04
od faraon
Místo "obrazek.jpg" dej název svého obrázku :lol:

Bacha na několik věcí:
  • Obrázek musí být ve stejném adresáři jako ta stránka, nebo k němu musíš vypsat cestu.
  • Důležité je ohlídat malá a velká písmena, protože na Internetu platí unixová pravidla a tam se tohle rozlišuje.
    Takže nejlepší je velká písmena vůbec nepoužívat! (O diakritice nemluvě.)
  • Vyzkoušej si to nejdřív u sebe v počítači, než to nahraješ na web.
    Pokud ti to doma funguje a na webu ne, máš o půlku problémů při hledání příčiny méně.
A ještě pozor na uvozovky, ať tam máš oboje. Parametry VŽDY zadávej v uvozovkách.

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 18:56
od Myloš
Pokud nechceš, aby se ti obrázek vytapetoval, můžeš použít vlastnost background z CSS.
Vše potřebné najdeš na stránce www.jakpsatweb.cz/css/background.html. Pokud bys měl s něčím problém, tak se zaptej.
Snad jen to, že CSS můžeš uvést buď v HTML souboru v sekci HEAD (tedy ještě před značkou </head>, a to například takto:

Kód: Vybrat vše

<style type="text/css">
body {background-img: url('cesta-k-obrazku/obrazek.jpg')
   background-position: top center;
   background-repeat: no-repeat;
}
</style>

(Takový obrázek bude zobrazen vlevo nahoře a nebude se dlaždicovitě opakovat)

ale to bys musel napsat do hlavičky každého HTML souboru.
Dá se to udělat jednodušeji – do HEAD napiš jen odkaz na CSS soubor (vytvoříš např. v Poznámkovém bloku, ale pozor, aby neměl příponu TXT; nazvěme ho třeba styl.css:

Kód: Vybrat vše

<link rel="stylesheet" type="text/css" media="screen" href="cesta-k-souboru/styl.css">

Při zápisu cesty k obrázku je třeba dát pozor na to, aby se cesta vztahovala vůči souboru, v němž jsou zapsaná daná pravidla, tedy v první ukázce k HTML souboru, v druhé k přilinkovanému CSS souboru.

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 19:43
od MasterOfShadow
Tak jasně, že jsem nenapsal obrazek.jpg :D Ale problém asi bude v té cestě:) To je jinde.

Re: [HTML] Obrázek jako pozadí

Napsal: 13 úno 2014 19:46
od Tomasb98
Máš složku kde je index.html a obrázek máš kde ? Dej to třeba do podložky a dáš cestu podsložka/obrazek.jpg (podsložka bude ve složce kde je ten html soubor...)

Re: [HTML] Obrázek jako pozadí

Napsal: 14 úno 2014 14:05
od MasterOfShadow
Už to tam je:) Pomohl jsem si jedním návodem CSS. (Myslel jsem, že na CSS potřebuju nějaké grafické prostředí) A ještě byc se chtěl zeptat, jestli jde nějak upravit velikost obrázku, ať se přizpůsobí velikosti obrazovky toho kdo je na stránce.

Re: [HTML] Obrázek jako pozadí

Napsal: 14 úno 2014 14:06
od Myloš