» Poradna » Web a internet

Html obrázek na pozadí nefunguje

Odpovědět  |  Zobrazit bez stromu  |  Upozornit redakci  |  nových odpovědí: 9/9
 | 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  |  [217.117.216.---]

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  |  [217.117.216.---]

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  |  [217.117.216.---]

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, Author, Hlavička



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