djforce

Друзья, помогите пожалуйста сделать для сайта шапку, у меня есть вот такая разбивка: Могли бы подсказать как сделать такую форму, вот divы <div class="allh div1"> <div class="allh div2"> <div class="allh dostavka div3"> </div> <div class="allh search div4"> </div> </div> <div class="allh div5"> </div> <div class="allh logo div6"> </div> <div class="allh div7"> <div class="allh tel div10"> <div class="allh div8"> </div> </div> <div class="allh call div11"> <div class="allh div9"> </div> </div> <div class="allh occall div12"> </div> </div> <div class="allh cart div13"> </div> </div> Я не силен в позиционировании дивов, подскажите как тут лучше сделать? Может тупо таблицей?

))) спасибо!

Ребят, испробовал уже кучу методов, не пойму что мешает... Вот сайт: http://testwp.sysrtfm.ru/ на розовом фоне меню, хочу его элементы разместить по центру, по горизонтали... Если не сложно посмотрите плз. Буду признателен

Ты просто супер чувак!!!! Все получилось вторым вариантом, мне кажется им попроще, получилось с первого раза! Спасибо!!!!!!!!!!!!!!!!!!

Привет, ребят, забросил эту тему но хочу доделать, вроде задача то простая, но ни как решить не могу, еще раз подробно опишу что именно нужно и что не получается: Есть скрипт который выводит изображения с подписями с помощью кода: foreach ($arBegunkichevrolet as $key => $image) { $out.= '<input type="radio" id="b'.$key.'" name="begun" value="'.$key.'"' .($key == $begun ? ' checked' : '') .'><img src="/srv/metrics/auto/images/begunki/'.$image.'" border="0" align="absmiddle" /></br>'.$imgname.'</div>'; } Этот код выводит изображение на странице вот так: <input type="radio" id="b1" name="begun" value="1" checked=""> <img src="/srv/metrics/auto/images/begunki/achev01.gif" border="0" align="absmiddle"><br></div> Чтобы получить переменные в отдельном файле переменных задан array $arBegunkichevrolet = array( 1 => 'achev01.gif', 2 => 'achev02.gif', 3 => 'achev03.gif', 4 => 'achev04.gif' ); Данная схема выводит на странице подряд изображения с радиобутонами для их выбора. Но вот как сюда вставить еще одну переменную imgname, так что бы каждому изображению соответствовала картинка???? ума не приложу... Все переменные задаю руками в файле переменных, все картинки лежат в папке со скриптами... Буду очень признателен за дельные советы...

Тоже думал об этом... НО $key выкинуть из foreach не могу и заменить его просто на +1 тоже так как это не число а именно ключ. Он дальше не прибавляется, он специфический, там и 1000 и 2000 есть. Т.е. $key ни куда ни деть... нужно добавить именно...( И $key должны быть именно в массиве (они др скриптом используются...)

$name как то хотелось бы тоже впихнуть в массив $massiv1 = array( 1 => 'achev01.gif', 2 => 'achev02.gif', 3 => 'achev03.gif', 4 => 'achev04.gif', 5 => 'achev05.gif', 6 => 'achev06.gif'); Это картинки которые выводятся в php а нужно еще вывести к каждой из них название рядом...

Привет ребят. есть у меня готовый скриптик так вот там foreach обходит массив foreach ($massiv1 as $key => $image) { $out.= ''.$key.'<br> '.$image.'<br>'; } вот сам массив: $massiv1 = array( 1 => 'achev01.gif', 2 => 'achev02.gif', 3 => 'achev03.gif', 4 => 'achev04.gif', 5 => 'achev05.gif', 6 => 'achev06.gif'); Все хорошо работает НО у меня не получается добавить еще одну переменную $name чтобы она соответствовала каждой картинке. Куда воткнуть ее не пойму... вот тут понятно: foreach ($massiv1 as $key => $image) { $out.= ''.$key.'<br> '.$image.'<br> '.$name.''; } а в массиве... или может где рядом разместить, а то у меня все чет массив в массиве получается... спасибо!

ребят, подскажите как все таки подсветить элемент div а? ни где не могу найти этого, гугл исползал... форум смотрел но ни чего толком не нашел, есть вообще какойнить распространенный способ кросс браузерный?

А еще можете подсказать... у меня почему то в IE та картинка что в первом посту отображается вертикально, т.е. все лайки расположены вертикально... а в остальных горизонтально... А еще можете подсказать... у меня почему то в IE та картинка что в первом посту отображается вертикально, т.е. все лайки расположены вертикально... а в остальных горизонтально... Т.е. IE9 почему то не понимает .likebutt { display: inline-table;} Ни кто не сталкивался?

Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>

Всем спасибо все сделал

Привет еще раз всем. Есть скрипт, который выводит изображения с радиобутоном для выбора одного из них: $out.= '<div class="form_div"><b>2. Выберите изображение:</b> <table cellpadding="0" cellspacing="0" border="0"><tr><td>'; $icnt=0; foreach ($arBegunki as $key => $image) { $out.= '<div class="blockbegun"><input type="radio" name="begun" value="'.$key.'"' .($key == $begun ? ' checked' : '') .'><img src="/srv/images/'.$image.'" border="0" align="absmiddle" /></div>'; } $out.='</td></tr></table> </div> echo $out; В исходном состоянии данный код выводит изображения '.$image.' из директории /srv/images/, имена изображений заданы переменной в отдельном файле: $arBegunki = array( 1 => 'b11inv.gif', 2 => 'b12.gif', 3 => 'b13.gif', 4 => 'b14.gif', 5 => 'b15.gif', 6 => 'b16.gif', ); Нужно как то прикрутить к этому скрипту слайдер аккордион на jquery. например вот такой: 9. «Toggle Effect» http://acrisdesign.com/demo/toggle/ http://efimov.ws/assets/files/develop/2011/04/accordeon.zip или вот такой http://ruseller.com/lessons.php?rub=32&id=1278 Нужно как бы разбить изображения на категории... Вообще реально ли это? Спасибо! Просто тут ка кто нужно предусмотреть сам цикл вывода изображений, и привязать как то к нему категории... я в этом совсем не силен... запутался уже... Может быть можно по $key как то группировать или фильтровать?

Понял, спасибо за примеры, но понял что мне немножко не такое нужно... нужно чтоб на странице сначала отображались ссылки на табы с картинками т.е. например открывается страница со скриптом и на ней отображаются например текстовые ссылки в столбик, далее при клике по одной из них без перезагрузки открывалось бы нужное содержимое в этом же окне... Не видели такого? Спасибо! А, понял что мне нужен слайдер аккордион на jquery. Спасибо за ответы!

Понял, спасибо за примеры, но понял что мне немножко не такое нужно... нужно чтоб на странице сначала отображались ссылки на табы с картинками т.е. например открывается страница со скриптом и на ней отображаются например текстовые ссылки в столбик, далее при клике по одной из них без перезагрузки открывалось бы нужное содержимое в этом же окне... Не видели такого? Спасибо!

Привет, есть скрипт который выводит на страницу изображения в дивах, где то 10 изображений небольших в строчку 3 и в столбик 3, хотелось как то сделать выше вкладку на каком либо языке, может jquery. Чтоб можно было засунуть в определенные вкладки изображения по типу... и выбирались бы они без перезагрузки страницы... Спасибо!

Спасибо, помогло

Привет, ребят есть cms wordpress там свои шаблоны и css, я в сайт встроил свой скрипт на котором есть картинки в строках таблицы <table cellpadding="5" cellspacing="0" border="0"> расположенные друг над другом. Мне нужно сделать расстояние между этими картинками, НО cellpadding="5" не применяется. Все перебивает css самого wordpress а именно: media="all" * { padding: 0;} Если его отключать то cellpadding="5" хорошо применяется так как нужно, но отключение media="all" влияет на весь движок, как можно принудительно применить <table cellpadding="5" cellspacing="0" border="0"> ??? Спасибо!

Класс!!!! Спасибо! Все так как нужно сделалось)) Жалко плюсануть не могу так как только зарегился..

Привет, ребят я тут новенький так что не кидайте помидорами)) Есть блог. работаю в гугл хром. есть некая конструкция кнопок Like в дивах. В css написано display: inline-table; в хроме все ок, 5 дивов располагаются в строчку. Открываю мозиллу или ИЕ, так там последний див сползает ниже, т.е. не на сл строку а просто ниже располагается. различные комбинации перепробовал, ни чего не помогает... подскажите что не так плз.. вот хром вот мозилла вот сама структура: <div class="socialbutton"> <div class="likebutt"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49"></script> <script type="text/javascript"> VK.init({apiId: 1973020, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical", height: 20}); </script> </div> <div class="likebutt"> <!-- Place this tag in your head or just before your close body tag --> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'ru'} </script> <!-- Place this tag where you want the +1 button to render --> <g:plusone size="tall"></g:plusone> </div> <div class="likebutt"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <html xmlns:fb="http://ogp.me/ns/fb#"> <fb:like send="false" layout="box_count" width="96" show_faces="true" font="tahoma"></fb:like> </div> <div class="likebutt"> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru" data-count="vertical">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="rssbutt"> <noindex><div id="rssentry" style="border:none; width: 100%; height: 100%; background-image:url(http://sysrtfm.ru/wp-content/uploads/2011/stories/rss60.png); background-repeat:no-repeat; background-position:left"> <form style="border:0px solid #ccc;padding:3px;text-align:right;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sysrtfm', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">Подпишитесь на обновления:<br><p><input name="email" type="text" style="width:170px" value="Введите свой e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите свой e-mail';}" /></p><input type="hidden" value="sysrtfm" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Подписаться!" /></form> </div></noindex> </div> </div> Извиняюсь за то что так много, но как есть, могу без содержимого привести. Вот css для этих дивов: .likebutt { padding: 2px; display: inline-table; } .rssbutt { width: 240px; padding: 2px; display: inline-table; } Вот... игрался с css но ни чего не получается...