HTML Coding

29542 questions in this forum

1. Картинка (при уменьшении броузера)

   Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

   Asked by Barik, December 20, 2019

   0 votes
   0 answers
2. помогите разобраться с градиентом!

   помогите разобраться с градиентом! Я прочитал всю статью по поводу -moz-linear-gradient -webkit-gradient но ничего так и не понял, если что мне нужен градиент рыженький с осветлением книзу...

   Asked by htmlonline, February 5, 2011

   0 votes
   2 answers
3. Google Chrome - значение ширины дива

   Следующий код отображается так: FF 6 IE 8 Chrome 12.0.742.122 В хроме почему-то вторая цифра в каждом блоке перенеоситься на новую строку. Получилось исправить, если явно задать ширину дива в котором находяться цифры, но тогда при изменениее разрешения размер меняется несколько не пропорционально.

   Asked by ku7mich, August 19, 2011

   0 votes
   1 answer
4. Помогите с версткой

   Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём

   Asked by AcdcRTEM, November 8, 2011

   0 votes
   3 answers
5. Сложная ссылка

   Есть такая ссылка, не знаю как сверстать с минимум тегов. Когда вариант округлость слева и справа это решаемо, а в данном случае стрелка снизу ещё, не совсем понятно как поступить

   Asked by okunev2, December 22, 2011

   0 votes
   6 answers
6. Выравнивание фона по окончанию отдельной строки

   Есть абзац, его код: <div style="background-color:red; position:fixed;"> 111111111111<br> 22222 </div> не могу выровнять в нем фон по окончанию каждой строки, на данный момент он выравнивается по окончанию самой длинной строки в абзаце. Подскажите как решить задачу, спасибо.

   Asked by Olegs2, February 10, 2012

   0 votes
   4 answers
7. Наслоение колонок одна на другую в Опере

   День добрый. Подскажите хотя бы в какую сторону копать. Проблема: есть сайт - crimea-media.ru. Всё началось с того, что поставил выравнивание главной колонки по центру, для более правильного отображения на широкоформатных экранах. Изменил в CSS значение float c left на center - #main { float:center; background:urlsidebar_bckg.gif) no-repeat top right #fff; } В результате на широкоформатниках всё стало красиво, а вот на обычных мониторах при разрешении 1280*1024, только в Опере (!), колонки стали наезжать друг на друга. В других браузерах всё нормально. Подскажите в чём может быть проблема? Стиль левой колонки - #text { margin: 0 292px 0 0; background:url(content.gif…

   Asked by demoni2004, March 26, 2012

   0 votes
   8 answers
8. Плавное перемещение картинок

   Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло

   Asked by geograph, May 6, 2012

   0 votes
   2 answers
9. Проблема в скрипте?

   http://epicforever.ru/index2.php 3-я новость сверху, там что-то типа блогов. Используется скрипт http://masonry.desandro.com/demos/basic-multi-column.html При обновлении иногда работает нормально, то есть как должно, а иногда не очень, и элементы начинают заезжать друг на друга. Не пойму чо за косяк, есть предположения, что скрипт не успевает прогрузиться.

   Asked by Briss, December 11, 2012

   0 votes
   2 answers
10. IE8 текст выходит за границу

    Не могу найти ошибку, так выглядит в IE8: http://prodpak.ru/ooo/

    Asked by Delat, July 29, 2013

    0 votes
    8 answers
11. Помощь по div'ам

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

    Asked by oleg126, November 18, 2013

    0 votes
    3 answers
12. Фиксированный фон для мобильных устройств

    Привет всем. Как сделать фиксированный фон для мобильных устройств? Сайт http://itzone.su body { background: url(../images/bg.jpg) top center no-repeat fixed; color: #fff; background-attachment: fixed !important; overflow-x: hidden;}Сейчас фон прокручивается вместе с содержимым. На стацианарном компе и на ноуте все работает нормально.

    Asked by pekinessik, September 8, 2014

    0 votes
    0 answers
13. Вертикальное расположение блоков

    Добрый день! Как сделать, чтобы блоки 1 и 2 располагались вертикально, т.е. друг под другом?Код блоков: <div class="news"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div><div class="news1"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" …

    Asked by marianna9201, November 2, 2014

    0 votes
    1 answer
14. Как отцентрировать текст

    Подскажите, пожалуйста, как в каталоге http://goo.gl/WRuHBEможно сделать текст не слева, как сейчас, а по центру картинки. Css код заголовков такой: .category-view .row .category .spacer h2 a span { position: absolute; left: 0px; display: inline; color: #fff; padding: 1px 1px; text-align: center;}

    Asked by mopch, April 19, 2015

    0 votes
    3 answers
15. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015, July 4, 2015

    0 votes
    3 answers
16. Сайдбар, как скрыть подрубрики

    Помогите с рубриками, не могу понять какой написать код, чтобы в сайтбаре отображались лишь рубрики, а подрубрики разворачивались по клику соответствующей рубрики. Мой файл sidebar.php почти пустой по теме <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?><aside class="sidebar col-md-3" role="complementary"><?php dynamic_sidebar( 'sidebar-1' ); ?></aside> <!-- end sidebar --><?php endif; ?> Кто может подсказать буду очень признателен!Хочу сделать именно через код без применения плагинов.

    Asked by Mizorg, July 19, 2015

    0 votes
    1 answer
17. Кастомная сборка Бутстрапа

    Всем привет. Есть место, где можно собрать бутстрап под себя и все о нем знают http://getbootstrap.com/customize/ Мне не до конца понятно, зачем дублируются одноименные "JS-составляющие" сначала в JavaScript components, а потом в jQuery plugins? Первые работают без подключения jQuery в отличие от вторых?

    Asked by goooooch, December 14, 2015

    0 votes
    1 answer
18. Отмена загрузки элемента для мобильной версии

    Здравствуйте! Вопрос в следующем: на странице есть элемент, например слайдер изображений, который не нужно загружать для мобильной версии сайта. При display: none он загрузится, но просто не будет отображаться. А можно ли как-то с помощью JavaScript отменить загрузку элемента?

    Asked by volshebnyi, January 21, 2016

    0 votes
    3 answers
19. Правильное использование HTML и CSS в сообщениях электронной почты

    Дорогие друзья, растолкуйте, нуждаюсь в помощи. Как правильно верстать письма, тут пишут что нужно делайте все во встроенном (inline) стили. На западных же ресурсах, все используют классы, прекрасно работают с дивами и т.п. При попытке сделать на "западную манеру" был вежливо послан гуглом, яндексом и мейлом. Я в замешательстве.

    Asked by papay, July 8, 2016

    0 votes
    0 answers
20. Вопрос по функционалу HTML

    Добрый день. У меня на сайте есть карта Google, с указанием места организации. Подскажите, пожалуйста, есть ли в HTML функция начала навигации по маршруту к указанному месту? На подобии функции набора телефонного номера "tel:*******". Т.е. можно ли с помощью HTML сделать так, чтобы по нажатию на карте на адрес начиналась навигация? Заранее большое спасибо.

    Asked by viperovm, May 24, 2017

    0 votes
    0 answers
21. Проблема с удалением строки в mysql с помощью php

    Код в delete.php такой: <?php $query ="DELETE FROM goods WHERE id = 'id'"; ?> <h2>Удалить модель?</h2> <form method='POST'> <input type='hidden' name='id' value='$id' /> <input type='submit' value='Удалить'> </form>"; А в контроллере такой: public function actionDelete($id) { $goods = Goods::find()->one(); return $this->render('delete', compact('goods')); } В итоге выводит вот : Bad Request (#400) Unable to verify your data submission. The above error occurred while the Web server was processing your request. Please co…

    Asked by Sirex0011, June 30, 2018

    0 votes
    0 answers
22. Проблема в вставки картинки в html коде

    Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…

    Asked by xxxxx, August 29, 2018

    0 votes
    1 answer
23. JS+TEXTAREA+WRAP+FF

    Как при помощи JS управлять свойством WRAP по FireFox. document.getElementById('MyTextArea').wrap ==> unknown.

    Asked by still swamp, November 10, 2010

    0 votes
    2 answers
24. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor, May 16, 2011

    0 votes
    3 answers
25. Реализация формы заказа

    Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать

    Asked by Gin21, August 18, 2011

    0 votes
    4 answers