» 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, Zelené pozadí, Levé menu, Hlavní obsah, Hlavička, Author



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


Aktuální číslo časopisu Computer

Jak rychlé je nabíjení bez drátů?

Test 11 sluchátek pro hráče

Aplikace, které vám zachrání dovolenou

Kompletní přehled datových tarifů