vitaxastifler

Я английский оч плохо знаю( Немецкий учил в школе.

омг,я такое не умею(

Ребята,подскажите как мне с http://jsbin.com/OBiSIjek/3/edit сохранить всё на пк? Получается что когда я копирую html и css то в нём не все есть( Инспектирую элементы и не всё есть.

Как разшифровать ТС?? ок,и в какой класс добавить padding-bottom: 15px??????? ты мне попроще обясни пожалуйста,а то я сейчас сверстаю...)

Ок,спасибо за совет! И чем можно заменить пиксели? /*Theme Name:Моя темаTheme URL:Description: Тема для моего сайтаVersion:1.0Autor: vitalka*//* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}html,body { width: 100%; height: 100%; background-color: #ffffff;}body {/*background : url("./images/bg.jpg") repeat;*/}span.t1 { color : #1d79bc; font-size : 20px; font-family : Arial; position : relative; top : 165px; left : 20px; display : block; }span.t2 { text-transform : uppercase; color : #461864; font-size : 10px; font-family : Verdana; position : relative; top : 172px; left : 20px; display : block; }span.kruimel { position : relative; color : #0071b9; top : -15px; font-size :11px; font-family : Arial; }span.date { float : left; color : #ff0000; font-size : 10px; font-family : Arial; /*position : relative; top : -170px; left :123px;*/}span.strelka img { margin : 3px 0 0 0 ;}span.little { font-size : 11px; font-family: Arial; color : #ffffff; margin : 0 0 0 27px;}span#disine { float : right; margin: 20px 20px 0px 0px; text-decoration : none; font-size : 12px; font-family : Arial; color : #ffffff;}.fix { width: 900px; margin: 0 auto; min-height: 100%; position: relative;}.header { width: 100%; height: 80px; background-color: #ffffff;}.logo { margin : 32px 0 0 70px; padding :0; float : left;}.navigation_top { font-family : Arial; margin: 13px 84px 0 0; padding : 0; float : right; background-color: #ffffff; font-size : 11px;}/*.navigation ul { margin: 0; padding: 0; clear : both;}*/.navigation_top ul li { border-right : 1px solid #0071b9; padding : 0 7px; float :left; list-style : none; }.navigation_top ul li:last-child { border-right: none;}.navigation_top ul li a{ text-decoration : none; color : #0071b9; }.navigation_main { /* clear : both; margin : 0; padding :0; width : 100%; */ margin-bottom : 15px; background-color : #ffffff; height : 52px;}.navigation_main ul { margin-left : 282px; /* list-style-type : none;*/ width : 405px; line-height : 27px; word-spacing : 4px;}.navigation_main ul li { line-height : 10px; display : inline;}.navigation_main ul li a { padding : 5px 10px; background-color : #292929; color : #d8d8d8; font-size : 12px; text-decoration : none; }.navigation_main ul li a:hover { background-color : #0071b9;}.navigation_left { float:left; background-color : #461864; width : 227px; height : 250px; }.navigation_left ul { padding-top : 20px; } .navigation_left ul li { margin : 0; pdding : 0; list-style : none; line-height : 25px;}.navigation_left ul li a{ color : #ffffff; font-size : 12px; margin-left : 20px; text-decoration : none; }.navigation_left ul li a:hover{ text-decoration : underline; background-color : #6b4683;}.slides_gorizontal { float : left; margin : -228px 0 0 221px; padding : 0; height : 250px; width : 675px; background-color : #ffffff;}/*.slides_gorizontal img { float : left;}*/.item_1 { float :left; background : url("./images/item_11.png"); height : 250px; width :225px; position: relative; }.item_1 a{ padding : 5px; background-color : #1ab500; text-decoration : none; color : #ffffff; position: absolute; display: block; bottom: 95px; right: 0; font-size : 10px; font-family : Verdana;}.item_2 { float : left; background : url("./images/item_22.png"); height : 250px; width :225px; position: relative; font-size : 10px; font-family : Verdana;}.item_2 a{ padding : 5px; background-color : #1ab500; text-decoration : none; color : #ffffff; position: absolute; display: block; bottom: 95px; right: 0;}.item_3 { float :left; background : url("./images/item_33.png"); height : 250px; width :225px; position: relative; font-size : 10px; font-family : Verdana;}.item_3 a{ padding : 5px; background-color : #1ab500; text-decoration : none; color : #ffffff; position: absolute; display: block; bottom: 95px; right: 0;}.buttons { margin-left : auto; }/* .content { float : left; height : 740px; width : 330px;}*/.leftCol { float: left; width: 180px; background-color: #cccccc; margin-right: 20px; padding: 10px;}.calltoaction { font-family: Arial; font-size :18px; color: #ffffff; text-align : center; margin : 110px 0 0 60px; width : 198px; height : 58px; background : url("./images/calltoaction.png");}.calltoaction p{ position : relative; top : 11px;}.text { line-height : 25px; margin: -165px 0 0 310px; width : 416px; height: 260px; font-family: Arial; font-size :12px; }.text a{ color : #0071b9;}.news { margin : 0 0 0 1px; width : 600px; height : 489px; background-color : #e9eff8;}.news_item1 { width : 580px; height : 163px; }.news_item2 { width : 580px; height : 163px; }.news_item3 { width : 580px; height : 163px; }.news h2 { padding-top : 28px; /*position : relative; left :120px; top : -150px;*/ font-weight : normal; font-family : Arial; font-size : 20px; color : #0071b9;}.news img { clear : both; float : left; margin : 66px 15px 0 20px;}.news p { /*position : relative; left :120px; top : -150px;*/ line-height: 19px; font-size : 12px; font-family : Arial;}.news a { margin-top : 5px; float : left; padding : 5px; background-color : #1ab500; text-decoration : none; color : #ffffff; font-size : 10px; font-family : Verdana;}.laag15{ margin : -489px 0 0 601px; width : 300px; height : 489px; background-color : #0071b9;}.laag15 h2 { margin : 0px 0 15px 28px; padding : 30px 0 0 0; font-weight : normal; font-family : Arial; font-size : 20px; color : #ffffff;}/*.laag15 img { padding : 15px 5px 20px 5px;}*/.laag15 p { margin : 10px 19px 0 28px; color : #a3c1de; font-family : Arial; font-size : 16px; line-height :20px;}ul.photos { list-style-type: none; margin: 0 0 0 24px; }ul.photos li { float : left; padding: 0 0 35px 4px;}.undernews { margin : 0 0 0 1px; width : 900px; height : 74px; background-color : #ffffff;}.knopka { width : 244px; height : 23px; background : url("./images/knopka.png"); }.knopka a { text-decoration : none; position: relative; right: 4px; bottom: 7px; font-size : 12px; font-family : Arial; color : #ffffff; }.socsety { margin: 1px 1px 1px 730px;}.socsety img{ margin: 0 0 0 5px; border-radius : 5px; float : left;}.footer { width: 900px; height: 54px; background: #292929; /*position: absolute; bottom: 0;*/}.footer a { float : left; margin: 20px 0px 0px 10px; text-decoration : none; font-size : 12px; font-family : Arial; color : #ffffff;}.footer a:first-child { padding-left : 20px; }

Дамы и господа,подскажите плз,что я делаю не так? Сверстал сайт,подключил его к WP,теперь например когда я настраиваю виджеты,добавляю какие то посты,то у меня начинается сбиваться css. Как с этим бороться? Неужели нужно при каждом добавлении какого то поста,всё время перенастраивать css? P.S минусуем репу

Сейчас попробую. Не знаю правильно ли я порезал?! Заработало вроде)

Только когда я в админке захожу в виддеты,оно пишет типа "Используемая вами тема не поддерживает виджеты, а значит, нет и возможности настраивать боковые колонки. Для получения дополнительной информации посмотрите инструкцию по доработке темы." И это плохо(

Так правильно? index <?php get_header ();?><?php get_sidebar();?><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="<?php bloginfo ('template_url'); ?>/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"> <?php if(have_posts()) :?> <?php while (have_posts()):the_post();?> <h1><?php the_title();?></h1> <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> <?php endwhile; ?> <?php endif;?></div><div id="global1"><span class="tex"> <br> <h1>Duurzaam vervoer in de Stadsregio<br> <p1>Datum <?php the_date_xml(); ?></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="<?php bloginfo ('template_url'); ?>/images/moto.jpg"></span><span class="tex"> <h1>Synthese adviesgroep bestaat 5 jaar!<br> <p1>Datum <?php the_date_xml(); ?></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 <?php the_date_xml(); ?></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="<?php bloginfo ('template_url'); ?>/images/sv.jpg"></span><span class="img2"> <img src="<?php bloginfo ('template_url'); ?>/images/box.jpg"></span><div id="blockr"> <p>Mensen achter syntheseh</p> <img src="<?php bloginfo ('template_url'); ?>/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><?php get_footer();?> </body></html>footer <div id="pod"><?php wp_footer();?> <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="<?php the_permalink();?>"><span>Webdesign door Urbanity media</span></a></div></div>header <!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="<?php bloginfo ('template_url'); ?>/images/logo.jpg"></div><div id="Home"> <a href="http://vk.com">Home</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg"> <a href="http://vk.com">Sitemap</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg"> <a href="http://vk.com">Links</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg"> <a href="http://vk.com">Contact</a></div>sidebar <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>

Ну эт понятно,а куда самый большой блок на котором стоят остальные как отделить то?

Ну как бы не могу( У меня не всё так как на видео. Вот к примеру у меня есть самый первый блок (<div id="global">) который начинается в начале и заканчивается в конце,и куда мне его втулить то?(

Ребята,нужна ваша помощь,собственно я сверстал сайт,теперь создаю тему,делаю всё по видео уроку,но есть одна проблема. Там автор видео код index.php делит на "header.php","sitebar.php","footer.php"........ Но в моём случаи у меня это не получается( Вот мой index.php <!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="<?php bloginfo ('template_url'); ?>/images/logo.jpg"></div><div id="Home"> <a href="http://vk.com">Home</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg"> <a href="http://vk.com">Sitemap</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg"> <a href="http://vk.com">Links</a> <img class="line" src="<?php bloginfo ('template_url'); ?>/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="<?php bloginfo ('template_url'); ?>/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"> <?php if(have_posts()) :?> <?php while (have_posts()):the_post();?> <h1><?php the_title();?></h1> <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> <?php endwhile; ?> <?php endif;?></div><div id="global1"><span class="tex"> <br> <h1>Duurzaam vervoer in de Stadsregio<br> <p1>Datum <?php the_date_xml(); ?></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="<?php bloginfo ('template_url'); ?>/images/moto.jpg"></span><span class="tex"> <h1>Synthese adviesgroep bestaat 5 jaar!<br> <p1>Datum <?php the_date_xml(); ?></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 <?php the_date_xml(); ?></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="<?php bloginfo ('template_url'); ?>/images/sv.jpg"></span><span class="img2"> <img src="<?php bloginfo ('template_url'); ?>/images/box.jpg"></span><div id="blockr"> <p>Mensen achter syntheseh</p> <img src="<?php bloginfo ('template_url'); ?>/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><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="<?php the_permalink();?>"><span>Webdesign door Urbanity media</span></a></div></div> </body></html>Вот сайт на хостинге http://stifler.netii.net Кто хорошо разбирается,помогите разложить,пожалуйста. Зарание спасибо)

Спасибо) Посмотрим. Вот только я не понял в какие именно строчки прописывать.

Люди есть у кого то какая то литература,сайт.... Где бы пиcали функции php которые надо подставлять в html? Ну к примеру у меня заголовок был такой <h1>Какой то текст</h1> я прописал такой код: <?php if(have_posts()) :?><?php while (have_posts()):the_post();?><h1><?php the_title();?></h1> И теперь я в <h1> могу менять с админки вп.А как настроить остальные теги,я не знаю.Зарание благодарен. Те кто не понял,я сверстал сайт,подключил к ВП,но не подкл ещё к сайту админку,и что бы с ней можно было редактировать сайт.

Всем спасибо,разобрался сам) Надо добавить к картинкам HTML код,вот примерно так <img src="<?php bloginfo ('template_url'); ?>/images/moto.jpg">

Например <img src="images/moto.jpg"> </span>

Ну я и с 2-мя точками ставил и с одной,толку нету. И сразу по умолчанию у меня было url("images/soc.jpg"); Когда пишу так background-image: url("../images/soc.jpg"); То пропадает все картинки http://hostingkartinok.com/show-image.php?id=a937a018e8fcff58f253d2b6fb9b6c8a Я теперь понял!!! У меня не отображаются картинки,которые прописаны в HTML!!! А как теперь их прописать то?

Ребята,собственно такая проблема. Сверстал я сайт,подключаю его к ВП,но некоторые картинки не видет браузер( Я как бы впервые это делаю,знаю что там надо прописать путь к папке с картинками,вот только как бы я это не делал у меня не отображается. Значит папка с картинками у меня лежит в 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 некоторые отображаются

Спасибо)

Спасибо,завтра гляну... Может есть какие то видео,мне на видео больше нравиться.

Я ж не прошу что бы за меня сделали,я просто не знаю как это делается! Может кто то кто начинал такое делать посоветует статьи,видео... Ток не надо мне писать типа "Гугл в помощь" Надо проверенные и доступные ресурсы. Спасибо...

ого,спасибо)

ок... Кто ещё что то посоветует?

Ну вариант обратиться к тебе мне больше нравиться,но я так понимаю ты ж не от скуки мне хо помочь)

Люди,подскажите как мне HTML и СSS воплотить в WordPress?