jdk

Интернет сегодня капризничает. закачка 96бит... Но кажется для решения проблемы нужен только css. Я ведь вывожу меню как список, выравниваю по горизонтали, а потом для нужно мне <li> добавляю класс. И нужно как то в этот <li> вставить фоном картинку, что бы остальные пункты не поехали и картинка не обрезалась. Сейчас задаю такие значения: .yellow_active { background: url("/images/active_li.png"); display: block; float: left; height: 125px; width: 100px; }Но получается вот что: . А без float: left; не хочеть изменяться размер.

В варианте bootstrap это выглядит примерно так: <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="search"> <form name="search" > <input type="text" class="search_field"> <button type="submit" class="search_button" ></button> </form> </div></div>.search { position: relative; float: left; margin-top: 20px; width: 100%; border: 1px solid #000; /* Параметры рамки */ min-height: 20px; /* Минимальная высота */ background-color: white; border-radius: 3px; border-color: #8c8c8c; margin-bottom: 10px; margin-right: 20px;}.search_field {border: none; /* Убираем рамку */outline: none; /* Убираем свечение в Chrome и Safari */-webkit-appearance: none; /* Убираем рамку в Chrome и Safari */width:100%;max-width: 90%;vertical-align: middle; /* Выравнивание по середине */}.search_button {width: 20px; /* Ширина кнопки */height: 20px; /* Высота кнопки */border: none; /* Убираем рамку */float: right;vertical-align: top;background: url("../images/search.png") no-repeat 50% 50%; /* Параметры фона */}Т.е. в div с необходимыми эффектами (тень и т.п.) вставляем поля для поиска, убираем у него границу и сюда же кнопку. Это на моем примере. А Вам нужно будет ваш background для кнопки задать и размеры соответственно.

Не срабатывает скорее всего потому, что alert в <script> не обёрнут. Если хотите что бы при отправке формы срабатывал js скрипт, нужно его вызывать из файла. onsubmit="/файл.js". Но я бы сделал как то так http://jsfiddle.net/upm9zr4g/

Сайт на локальном хосте. Я наверно что то на фиддл не так делаю... После того как забил свой js нажимаю обновить... и все поля становятся пустыми. html: js:

Когда то добавил эту статью в закладки. Описывается решение Вашей задачи. Есть ли вариант проще - не знаю.

Добрый день. Подскажите пожалуйста с таким моментом: есть динамически формирующееся меню. Потом я js проверяю какой пункт меню активен и добавляю ему класс. $(this).parent().addClass('yellow_active');т.е. yellow_active добавляю к <li>, который обёртывает <a>. Хочу что бы активный пункт выглядел так: .yellow_active { position: absolute; color: black; background: url("../images/active_li.png"); height: 128px; z-index: 2;}Если ставлю position: absolute; тогда активный пункт отображается как нужно, но остальные пункты отображаются не корректно. Если absolute убираю, то меню отображается корректно, но у активного пункта фоновая картинка не отображается. Сами пункты меню добавляю js'ом в <ul id="yellow_menu"></ul>Подскажите пожалуйста, как стилизовать правильно?

Тоже вариант, спасибо)

Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; width: 23%; height: 305px;}самым логичным казалось .product a{vertical-align: bottom;}Но такой вариант не работает.

Так же посоветую посмотреть в сторону bootstrap. А для проверки вот несколько сервисов.

Я бы посоветовал так же 2gis. По моему у них вариант симпотичнее

Добрый день. С простом параллакс эффектом разобрался на этом примере. Перемещение объектов при скроле тоже более-менее разобрал (на статичном фоне). Хочу сделать что бы при прокручивании в слое с параллаксом изображения (именно в этом слое) тоже перемещались. Подскажите пожалуйста где можно посмотреть материал, желательно для самых начинающих. Нашёл пару примеров, но для меня пока слишком мудрёно. Хочу что бы на выходе получилось что то вроде этого.

Ещё раз уточните пожалуйста, в чем проблема? Я для первого примера (index.html) в \css\skin 1\style.css поменял на width: 1300px; Слайдер растянулся. Для остальных тоже работает. Для адаптивности изображений пропишите width: 100%;max-width: 1300px;height: auto;

Что то я сразу не додумался при выводе изображений id добавлять. Спасибо!

А Вы уверены, что нужен такой большой слайдер? У меня разрешение 1920х1080 + 8гб оперативнки, и то на весь экран не помещается и подтормаживает. (Яндекс диск пуст).

пока какой то бред получился $('#right').click(function(){ var origin = $('#container_gall img:first').attr("src"); var main_slide = $('#main_slide').attr("src");$('.gall_img').each(function(){ if (main_slide == $(this).attr("src")){ var here = $(this); if ( here.next().attr("src") == undefined ){ $('#main_slide').attr("src", origin); }else{ $('#main_slide').attr("src", here.next().attr("src"));}}});});Если не сложно, подскажите пожалуйста как можно оптимально это сделать?

Добрый день. Вывожу на страницу массив изображений следующим образом: <div id="container_gall"><?php foreach ($gallery as $pic){?> <a href="#"><img alt="" class="gall_img" src="<?php echo $pic['guid']; ?>"></a><?php }?></div>Дальше при клике на изображение оно увеличивается и остальная часть экрана затемняется (что то вроде fancybox). Так же добавил стрелки влево и вправо(id left и right соответственно). Подскажите пожалуйста, как при клике на стрелку взять следующее изображение?

Поставил phpStorm, цветовую схему глазу приятную. Думаю сейчас месяц поюзаю, если все понравиться куплю. Я думаю что за качественный рабочий инструмент не грех заплатить. Этож не 1с, который без конце деньги сосёт. И ещё скажите пожалуйста, если я плачу за phpStorm я получу лицензию на 1 машину? Т.е. если я хочу на комп и на ноут поставить?

Понял что пришло время какую-нибудь ide начать использовать. NetBeans привлёк своей бесплатностью. А Вы php storm купили? Стоит того?

Если бы всё было так очевидно(

А вот няшный интерактивный курс

Добрый день. Помогите пожалуйста с ide netBeans. Как в ней открыть папку с файлами? т.е. открыть 1 файл без проблем file->openfile. А openfolder опции нет. Неужели что бы была возможность работы с папкой нужно в пустой папке создавать проект, перенести в него все файлы, а потом работать?

Опыта ещё мало

Спасибо! Как варианте ещё сделал так, для h3 новостей задал класс news_header $( document ).ready(function() { var maxHeight = 0; $('.news_header').each(function(){ var he = $(this).height(); if (he > maxHeight) maxHeight = he; }); $('.news_header').each(function(){ $(this).height(maxHeight); });});

Таблиц хочу по возможности избежать. Мне пока тоже только js в голову приходит. Вот экспериментирую.

Добрый день. Столкнулся с такой проблемой. Вывожу контент на страницу, и <div> автоматически получает высоту в зависимости от содержимого. Подскажите пожалуйста, а можно как то сделать что бы текст записи начинался по самой нижней границе (где самый большой заголовок) В общем что бы обычный текст начинался везде с одинаковой высоты. Сам код вывода записи такой: <div class="row"> <?php $posts = get_posts ("category=50&orderby=date&numberposts=3"); ?> <?if ($posts) : ?> <?foreach ($posts as $post) : setup_postdata($post); ?> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <img src="<?= get_template_directory_uri(); ?>/images/chat.png" class="news_img" alt=""/> <h3 ><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> <?php the_excerpt(''); <a href="<?php echo get_permalink(); ?>"> [...]</a> </div> <? endforeach; ?> <? endif; ?></div><!--/row-->