[HTML] Obrázek jako pozadí

MasterOfShadow · Příspěvekod **MasterOfShadow** » 13 úno 2014 17:17

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.

Reklama

Tholus · Příspěvekod **Tholus** » 13 úno 2014 17:24

Pokud vím, tak to v HTML nejde. Proč to neuděláš v CSS, které je nezbytnou součástí HTML stránky?

MasterOfShadow · Příspěvekod **MasterOfShadow** » 13 úno 2014 17:27

Nevím o CSS vůbec nic :/

Tomasb98 · Příspěvekod **Tomasb98** » 13 úno 2014 17:28

Tak se ho nauč bez něj to nemá cenu! HTML a CSS jsou nerozlučná dvojka

ale jde to i přes html mrkni zde: http://www.jakpsatweb.cz/pozadi.html

faraon · Příspěvekod **faraon** » 13 úno 2014 17:33

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.

MasterOfShadow · Příspěvekod **MasterOfShadow** » 13 úno 2014 17:54

právě, že mi to obrazek.jpg nefunguje :(

faraon · Příspěvekod **faraon** » 13 úno 2014 18:04

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.

Příspěvekod **Myloš** » 13 úno 2014 18:56

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.

MasterOfShadow · Příspěvekod **MasterOfShadow** » 13 úno 2014 19:43

Tak jasně, že jsem nenapsal obrazek.jpg

Ale problém asi bude v té cestě:) To je jinde.

Tomasb98 · Příspěvekod **Tomasb98** » 13 úno 2014 19:46

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...)

MasterOfShadow · Příspěvekod **MasterOfShadow** » 14 úno 2014 14:05

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.

Příspěvekod **Myloš** » 14 úno 2014 14:06

http://www.w3schools.com/cssref/css3_pr ... d-size.asp

[HTML] Obrázek jako pozadí

[HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Re: [HTML] Obrázek jako pozadí

Kdo je online