Jump to content
  • 0

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


vitaxastifler
 Share

Question

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

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

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

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

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 by vitaxastifler
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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

Edited by Zverushka
Link to comment
Share on other sites

  • 0

Ну как минимум должно быть 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 by vitaxastifler
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy