» Poradna » Web a internet

Html obrázek na pozadí nefunguje

 | Microsoft Windows XP IE 8.0

Dobrý den, chtěl bych vložit obrázek jako pozadí do tohoto kodu :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <meta http-equiv="Content-Language" content="cs"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <meta name="author" content="Učitel badmintonu Brno"> <meta name="ROBOTS" content="index, follow"> <meta name="description" content="Učitel badmintonu Brno"> <meta name="keywords" content="Učitel badmintonu Brno"> <link rel="stylesheet" type="text/css" href="styl.css"><title>design pomocí obtékání</title></head><body>obrázek asi vepsat sem ?????<div class="body"><!--začátek div-body--><div class="head"><!--začátek hlavičky-->hlavička</div><!--konec hlavičky--><div class="obsah"><!--začátek obsahu-->Hlavní obsah stránky</div><!--konec obsahu--><div class="pravy"><!--začátek pravého menu-->levé menu a nejaké </div><!--konec pravého menu--><div class="konec-obsahu"></div></div><!--konec div-body--><div class="patka"><!--začátek patky-->patka...</div><!--konec patky--></body></html> a tohoto stylu :body {text-align: center;background-image : pozadi.jpg;background-color : green;margin : 0px 0px 20px 0px; padding : 0px 0px 0px 0px;}div.body {width: 47em; text-align: left; background-color : White; margin : 10px auto; padding : 0px 0px 0px 0px; border-bottom : 1px solid Black; border-top : 1px solid Black; border-left : 1px solid Black; border-right : 1px solid Black;}div.head {width: 100%; height : 100px; clear: both; background-color : #8AAFE3; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}div.obsah {width: 34em; float: right; background-color : white; margin : 10px 0px 0px 0px; padding : 0px 0px 0px 0px;}div.pravy {width: 12em; float:left; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color : #F9F9F9; border-right : 1px solid #cccccc;}div.konec-obsahu {clear: both; margin : 5px 0px 5px 0px; padding : 0px 0px 0px 0px;}div.patka {clear: both; width: 47em; text-align: left; background-color : White; margin : 5px auto 5px auto;}ale bohužel se mi zobrazí jen zelené pozadí ,Poradíte mi prosím jak docílit aby se obrázek zjevil ?jinak tento kod je ke shlednutí zde :www.poku.zdravejadro.cz děkuji za jakoukoliv radu

Odpovědi na otázku

 | Microsoft Windows XP IE 8.0

omluva odkaz má být :http://www.pokus.zdravejadro.czděkuji

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Opera 9.80

background-image : pozadi.jpg; toto změň na background-image: url("pozadi.jpg") a dej si bacha, aby souhlasilo umístění obrázku, jestli ho nemáš např. v nějakém adresáři

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows XP IE 8.0

děkuju pomohlo ale mám ted jiný problem, proč se mi to zobrazí v obrázek vele sebe nekolikrát a pod sebou jak tomu zabránit ?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Opera 9.80

za závorku s url dej: no-repeat center top;

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows XP IE 8.0

to nepomohlo, nemělo by tam být něco před tím no-repeat?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Opera 9.80

takhle to vypadá u mě např...tak si to oprav: body {background: #fff url(../img/body-bg.png) no-repeat center top;font: 13px/1.5em Tahoma, Verdana, arial, sans-serif;color: #636363;text-align: center;}

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows XP IE 8.0

díky

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows XP IE 8.0

tak jsem vše upravil takto index.html :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <meta http-equiv="Content-Language" content="cs"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <meta name="author" content="Učitel badmintonu Brno"> <meta name="ROBOTS" content="index, follow"> <meta name="description" content="Učitel badmintonu Brno"> <meta name="keywords" content="Učitel badmintonu Brno"> <link rel="stylesheet" type="text/css" href="styl.css"><title>design pomocí obtékání</title></head><body background="pozadi.jpg"><div class="body"><!--začátek div-body--><div class="head"><!--začátek hlavičky--><center><h1>Chceš se naučit hrát badminton ?<br>pak jsi tu správně !</h1></center></div><!--konec hlavičky--><div class="obsah"><!--začátek obsahu-->Hlavní obsah stránky</div><!--konec obsahu--><div class="pravy"><!--začátek pravého menu-->levé menu a nejaké </div><!--konec pravého menu--><div class="konec-obsahu"></div></div><!--konec div-body--><div class="patka"><!--začátek patky-->patka...</div><!--konec patky--></body></html> a styl :body {text-align: center;background : no-repeat top;background-image : url("pozadi.jpg"); background-color : #7CBD7B;margin : 0px 0px 20px 0px; padding : 0px 0px 0px 0px;}div.body {width: 47em; text-align: left; background-color : White; margin : 10px auto; padding : 0px 0px 0px 0px; border-bottom : 1px solid Black; border-top : 1px solid Black; border-left : 1px solid Black; border-right : 1px solid Black;}div.head {text-align: center;background : no-repeat top;background-image : url("petr.jpg");width: 100%; height : 170px; clear: both; background-color : #8AAFE3; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}div.obsah {width: 34em; float: right; background-color : white; margin : 10px 0px 0px 0px; padding : 0px 0px 0px 0px;}div.pravy {width: 12em; float:left; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color : #F9F9F9; border-right : 1px solid #cccccc;}div.konec-obsahu {clear: both; margin : 5px 0px 5px 0px; padding : 0px 0px 0px 0px;}div.patka {clear: both; width: 47em; text-align: left; background-color : White; margin : 5px auto 5px auto;}a vznikl mi problém když si toto otevřu v pc bez připojení přes IE8 zobrazí se mi to vpořádku jak to chci ale když se mi otevře na internetu taj tam to co nechci , cookie mám vymazane co mám udělat aby to vypadalo tak jak chci ? zde mám to to co cchi a co se mi zobrazí http://ulozto.cz/xY2FYJqP/obrazky-zipdíky za pomoc

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows XP IE 8.0

zatím sem si to provizorně upravil tak uvidím www.petr.zdravejadro.cz

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: W3C, 10, Meta, Body, Solid, Začátek, Head, Učitel, White, Clear, Right, Zelené pozadí, Levé menu, Hlavní obsah, Hlavička




Určitě si přečtěte

Podívejte se, co se stane, když dron DJI Phantom narazí do křídla letadla

Podívejte se, co se stane, když dron DJI Phantom narazí do křídla letadla

** Co se může stát, když relativně maličký dron narazí do křídla letadla? ** Tuto otázku zodpověděli odborníci laboratorním pokusem ** Kvadrokoptéra způsobila významné poškození křídla

Karel Kilián | 17

Osudová havárie Concordu: Před 18 lety přišel konec nadzvukových dopravních letadel

Osudová havárie Concordu: Před 18 lety přišel konec nadzvukových dopravních letadel

** Concorde byl nejrychlejším dopravním letadlem ** Atlantik dokázal přeletět za cca 3 až 3,5 hodiny ** Před osmnácti lety tragická havárie provoz těchto letadel prakticky ukončila

David Polesný, Jiří Černý | 38

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

** Portál občana už funguje, vyřídíte na něm první požadavky ** Funkce se budou postupně rozšiřovat ** Web je docela moderní a přehledný

David Polesný | 66

Velká podzimní aktualizace: Co nového teď najdete ve Windows 10

Velká podzimní aktualizace: Co nového teď najdete ve Windows 10

** Microsoft se opět snaží spojit telefony a počítače. ** Místo velkých novinek se zaměřil spíše na drobná vylepšení. ** Vyhledávání je konečně použitelné a hledá téměř všude.

Vladislav Kluska | 79


Aktuální číslo časopisu Computer

Odhalte skryté funkce Windows 10

Test levných Androidů do 4 000 Kč

Srovnání úsporných minipočítačů

Změřili jsme rychlost 10Gb/s ethernetu