Не отображаются некоторые картинки с (HTML CSS в WordPress)

[vitaxastifler]

Ребята,собственно такая проблема.

Сверстал я сайт,подключаю его к ВП,но некоторые картинки не видет браузер(

Я как бы впервые это делаю,знаю что там надо прописать путь к папке с картинками,вот только как бы я это не делал у меня не отображается.

Значит папка с картинками у меня лежит в 

D:\xampp\htdocs\wp_ru\wp-content\themes\travel\images

style.css и index.php находится в D:\xampp\htdocs\wp_ru\wp-content\themes\travel

 

 

Вот код CSS

/*Theme Name:Моя темаTheme URL:Description: Тема для моего сайтаVersion:1.0Autor: vitalka*/#header{	float: left;}#Home img, #Home a {	float: left;}#Home{	float: right;	margin-right: 45px;}a{	text-decoration: none;}.line{}#global {  background-image: url("./images/BG.jpg");  width: 903px;  height: 1373px; margin:auto; }	.ctr {    text-align: center;		}.menu {    display: inline-block;    text-align: left;	padding: 45pt 7pt 2pt 7pt;}.ctr button {    background: #2d2d2d;    border: none;    color: #d5d5d5;    cursor: pointer;    line-height: 23px;}button:first-child {    background: #306dbd;    color: white;    cursor: default;}button:hover {    background: #306dbd;    color: white;}.block button {        border: none;    color: #d5d5d5;    cursor: pointer;    line-height: 35px;}.block button:hover {    background: #306dbd;    color: white;	text-decoration: underline;}.block {  background-image: url("./images/block.jpg");  width: 225px;  height: 250px; }.block button {    background: #461864;    border: none;    color: white;    cursor: pointer;    line-height: 20px;	}		.block button:hover {    background: #6b4683;    color: white;}.block1 {	margin : -250px 0 2px 225px;		background: url("./images/img1.jpg");	width: 225px;	height: 250px; 	float:left;	 } .block2 {margin : -252px 0 2px 450px;  background: url("./images/img2.jpg");  width: 225px;  height: 250px;   float:left;}.block3 {margin : -252px 0 2px 675px;  background: url("./images/img3.jpg");  width: 225px;  height: 250px;  float:left;}.knopa1 button {    background: #1ab500;    border: none;    color: #fffff;    cursor: pointer;    line-height: 19px;	float:right;	margin-top:134px;	text-align:Verdana;	font-size:8pt;	}	.text1{font-size:18pt;text-align:Arial;float:left;color:#0071b9;text-align:  left;margin-left:10px;}	.text2{font-size:7pt;text-align:Verdana;float:left;margin-left:10px;margin-top:9px;text-align:  center;}#sl{margin-left:540px;}.ss{margin-left:250px;}.knopa777 button {    background: #1ab500;    color: #fffff;    cursor: pointer;	float:left;	margin-top:100px;	text-align:Arial;	font-size:14pt;		}.text777 h{line-height: 0.9;text-align:Arial;text-align:center;}	.text777 p{line-height: 0.9;text-align:Arial;font-size:12pt;line-height:1.6;text-align: left;margin-left:220px;}	#global1 {  background-image: url("./images/bg1.jpg");  width: 900px;  height: 489px; margin:auto;  }#global1 img{float:left;margin : -120px 2px 2px 22px;}.img1{float:left;margin : -160px 2px 2px -1px;}.img2{float:left;margin : 10px 2px 2px -1px;}#blockr {  background-image: url("./images/blockr.jpg");  width: 300px;  height: 489px; margin:auto; float:right; margin : -484px 2px 2px 22px;}.tex h1{font-size:15pt;text-align:Arial;color:#0071b9;text-align:  center;;}.tex p1{font-size:7pt;color:red;;line-height:-1.9;}.tex p{line-height: 0.9;text-align:Arial;font-size:9pt;line-height:1.1;text-align: left;margin-left:115px;}.knopa2 button {    background: #1ab500;    border: none;    color: #fffff;    cursor: pointer;    line-height: 18px;	margin-top:-50px;	margin-left:112px;	text-align:Verdana;	font-size:8pt;	}			.knopa2n button {    background: #1ab500;    border: none;    color: #fffff;    cursor: pointer;    line-height: 18px;	margin-top:-50px;	;	text-align:Verdana;	font-size:8pt;	}		#blockr p{	color:white;	font-size:19pt;	text-align:Arial;	margin-left:22px;	padding-left:10px;		}		#blockr p1{	color:#4e8fc6;	font-size:11pt;	text-align:Arial;	margin-left:22px;		}	#blockr p2{	color:white;	font-size:8pt;	text-align:Arial;	margin-left:22px;		}		#blockr img{	 margin : -10px 2px 2px 22px;	 cursor: pointer;		}#soc {  background-image: url("./images/soc.jpg");  width: 151px;  height: 33px; margin : 10px 2px 2px 720px; cursor: pointer;}#pod {  background-image: url("./images/pod.jpg");  width: 900px;  height: 55px; margin : 20px 2px 2px 1px;}	#pod ul{	float: left;	color:white;	padding-left:10px	margin:23px 244px 0 43px;	}			#rss{	float: right;	color:white;	margin-top:18px;	margin-right:10px;		}			#pod a{	color:white;	padding-left:10px		}

Вот HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd"><html> <head>    <title><?php bloginfo ('name'); ?><?php wp_title(); ?></title>    <meta http-equiv="Content-Type" content="<?php bloginfo ('html_type'); ?>;charset=<?php bloginfo('charset'); ?>"/>  <meta name="generator" content="WordPress" <?php bloginfo('version'); ?>" /> <!--leave this for stats please-->  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>" type="text/css" media="screen" />  <link rel="alternate" type="application/rss+xml" title="RSS 2.0"href="<?php bloginfo('rss2_url'); ?>" />  <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />  <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />    <?php wp_get_archives ('type=monthly&format=link'); ?>  <?php//coments_popup_script(); //off by default ?>  <?php wp_head(); ?> </head> <body><div id="global"><span class="sl"></span><div id="header"><img src="images/logo.jpg"></div><div id="Home"><a href="http://vk.com">Home</a><img class="line" src="images/line1.jpg"><a href="http://vk.com">Sitemap</a><img class="line" src="images/line1.jpg"><a href="http://vk.com">Links</a><img class="line" src="images/line1.jpg"><a href="http://vk.com">Contact</a></div><div class="ctr"><span class="menu"><button type="button">Afval & reiniging</button><button type="button">Inkopen & aanbesyeden</button><button type="button">Logistiek & mobiliteit</button><br/><button type="button">MVO & duurzaamheid</button><button type="button">Energie & klimaat</button><button type="button">Training & coaching</button></div><br><div class="block"><button type="button">Home</button><br/><button type="button">Over Synthese</button><br/><button type="button">MVO</button><br/><button type="button">Mensen achter Synthese</button><br/><button type="button">Opdrachten</button><br/><button type="button">Netwerk Synthese</button><br/><button type="button">Contact en bereikbaarheid</button><br/><button type="button">Nieuws</button>														</div><div class="block1"><span class="knopa1"><button type="button">► MEER INFO</button><br/></span><span class="text1">Intern milieuzorgsysteem</span><span class="text2">GEMEENTE GENNEP</span></div><div class="block2"><span class="knopa1"><button type="button">► MEER INFO</button><br/></span><span class="text1">Implementatie<br>Duurzaam inkopen</span><span class="text2">GEMEENTE UBBERGEN</span></div><div class="block3"><span class="knopa1"><button type="button">► MEER INFO</button><br/></span><span class="text1">Mokum Maritiem</span><span class="text2"><br><br>AMSTERDAM</span></div><div id="sl"><img src="images/sl.jpg"></div><span class="ss"><a href="http://vk.com">Home</a></span><div id="cent"><span class="knopa777"><button type="button">	Stel uw vraag aan <br>Synthese adviesgroep</button></span><span class="text777"><h2>Welkom op de website van<br>Synthese adviesgroep</h2><p>Welkom op de website van Synthese adviesgroep. Wij zijn Een klein<br>adviesbureau met grootse mogelijkheden. Wij zijn actief in de werkvelden<br>gerelateerd aan afval, klimaat, mobiliteit, duurzaamheid en coaching. Voor<br>meer informatie over ons bureau, surf kijkt u gerust rond op onze website of<br>neem <a href="http://vk.com"><u>contact</u></a> met ons op.</span></div><div id="global1"><span class="tex"><br><h1>Duurzaam vervoer in de Stadsregio<br><p1>Datum 15-04-2010</p1></h1><p>De regio Arnhem Nijmegen wordt steeds drukker. Door toenemende woningbouw en<br>de krappe infrastructuur is de bereikbaarheid van opdrachtgevers en het eigen<br> kantoor...</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img"><img src="images/moto.jpg"></span><span class="tex"><h1>Synthese adviesgroep bestaat 5 jaar!<br><p1>Datum 15-04-2010</p1></h1><p>Synthese adviesgroep bestaat 5 jaar. Vijf boeiende en intensieve jaren liggen achter<br>ons. De kleinschaligheid vans ons bureau is ons goed bevallen: veel direct contact<br>met onze relaties, zelf vraagstukken proberen op te lossen, uiteraard altijd...</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="tex"><br><h1>Synthese adviesgroep is verhuisd<br><p1>Datum 15-04-2010</p1></h1><p>Sinds woensdag 4 februari 2009 is Synthese adviesgroep verhuisd naar een nieuwe<br> locatie. We hebben ons gevestigd in het nieuwe pand van Actorion Communicatie.<br> Sinds 2004 werken we al samen met Actorion op het gebied van afval- en...</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img1"><img src="images/sv.jpg"></span><span class="img2"><img src="images/box.jpg"></span><div id="blockr"><p>Mensen achter syntheseh</p><img src="images/ava.jpg"><br><br><br><div id=qq><p>Synthese op Twitter</p><p1>@Solarkids Willen hier ookmwel<br>aan bijdragen</p1><br> <p2>6 dagen geleden</p2><br>  <p1>Wie gaat er naar het Klimaatcon-<br> gres 2010 in De Fabrique?<br> #klimaatcongres2010 </p1><br> <p2>8 dagen geleden</p2><br>  <p1>@PeterGersen Kijk eens naar De<br> Beestenbende voor basisschoolkin-<br> deren (Ubachs Full Contact, Paul<br> Ubachs), kwestie van de juiste plek<br> raken</p1><br> <p2>12 dagen geleden</p2>  </div>   </div> <span class="knopa2n"><button type="button">► Meer nieuws van Synthese Adviesgroep</button><br/></span><div id="soc"></div><div id="pod"><ul><a href="http://vk.com">Home</a></li><img class="line"><a href="http://vk.com">Sitemap</a><img class="line"><a href="http://vk.com">Links</a><img class="line"><a href="http://vk.com">Contact</a></ul><div id= "rss"><a href="#"><span>Webdesign door Urbanity media</span></a></div></div> </body></html>

Подскажите как прописать путь,спасибо)

 

Вот так оно в браузере http://hostingkartinok.com/show-image.php?id=850fb6738444b3646ec241069760cab5

P.S некоторые отображаются

Edited December 3, 2013 by vitaxastifler

[Zverushka]

Ну как минимум должно быть 2 точки background-image: url("../images/soc.jpg"); А вообще если файл стилей в корневом каталоге, а сама картинка в папке img, то нужно url("images/soc.jpg"); 

Edited December 3, 2013 by Zverushka

[vitaxastifler]

  On 12/3/2013 at 2:34 PM, Zverushka said:

Ну как минимум должно быть 2 точки background-image: url("../images/soc.jpg"); А вообще если файл стилей в корневом каталоге, а сама картинка в папке img, то нужно url("images/soc.jpg"); 

Ну я и с 2-мя точками ставил и с одной,толку нету.

 

И сразу по умолчанию у меня было url("images/soc.jpg"); 

 

Когда пишу так   background-image: url("../images/soc.jpg");

 

То пропадает все картинки 

http://hostingkartinok.com/show-image.php?id=a937a018e8fcff58f253d2b6fb9b6c8a

 

 

Я теперь понял!!!

У меня не отображаются картинки,которые прописаны в HTML!!!

А как теперь их прописать то?

Edited December 3, 2013 by vitaxastifler

[Zverushka]

А как они у тебя прописаны в хтмл? Может слеш лишний?

[vitaxastifler]

Например 

  On 12/3/2013 at 2:03 PM, vitaxastifler said:

<img class="line" src="images/line1.jpg">

  On 12/3/2013 at 2:03 PM, vitaxastifler said:

<span class="img">

<img src="images/moto.jpg">
</span>

Edited December 3, 2013 by vitaxastifler

[vitaxastifler]

Всем спасибо,разобрался сам)

Надо добавить к картинкам HTML код,вот примерно так

<img src="<?php bloginfo ('template_url'); ?>/images/moto.jpg">

[Zverushka]

Можно было просто слеш убрать - слеш от корня ищет, а без него - от текущей директории