HTML Coding

29542 questions in this forum

1. адаптивная верстка и рассчет пикселей

   Добрый вечер Решил заполнить пробел в своих знаниях о адаптивной верстке - сверстал простенький макет под 1024/980/640/320 px ширины - на мониторе, что на работе, тестировал, уменьшая размер окна при открытом инспекторе, в Chrome - изменения происходят в тех точках, что и нужно - а вот дома решил протестировать - и изменения происходят, если верить инспектору, совсем не в тех точках ширины - то есть они происходят последовательно, при уменьшении/увеличении масштаба, но не так, как хотелось бы. К примеру, изменение вида при переходе на ширину 640px происходит где-то в точке 450px. Есть предположение, что это из-за разных мониторов и разрешений - но точно не знаю. На работе…

   Asked by orange_juice, August 13, 2015

   0 votes
   2 answers
2. В меню не отображается русский текст

   Доброе время суток !!! Такая проблема товарищи : В этой части кода не работает русский язык <ul> <li class="active"><a href="index.html"><span>Home Page</span></a></li> <li><a href="support.html"><span>Support</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="blog.html"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact Us</span></a></li> </ul> если я вместо <span>Home…

   Asked by Balthazar, January 15, 2016

   • меню
   0 votes
   2 answers
3. Прыжок

   не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru

   Asked by line, October 24, 2008

   0 votes
   1 answer
4. переопределение br

   Можно как то высоту между сроками задать которые он переносит?

   Asked by ArtOfHuman, December 8, 2008

   0 votes
   1 answer
5. скрипт обратной связи с прикреплением файла

   Может кто знает где можно взять форму обратной связи с прикреплением файла. Помогите пожалуйста!

   Asked by antonP, February 10, 2009

   0 votes
   3 answers
6. Сложные классы

   задано <p class="class1 class2 class3"> нужно указать стиль именно для параграфа, у которого заданы ВСЕ 3 аргумента. p.class1 class2 class3{} - не работает p.class1, p.class2, p.class3{} - сработает если параграфу присвоен хотябы один из классов. Как правильно сделать?

   Asked by Kenshi45, February 15, 2009

   0 votes
   8 answers
7. задание двух и более классов элементу

   столкнулся с такой проблемой: пишем в css: .imp {color:green;} .cent {background:#f90;} .imp.cent {border:2px solid red;}/*ставится красная рамка при одновременном использовании классов imp и cent */ в html: <p class="imp">Сonsectetuer adipiscing elit, sed diam nonummy</p> <p class="cent">Сonsectetuer adipiscing elit</p> <p class="cent imp">Сonsectetuer adipiscing elit</p> в первом случае будет параграф с зеленым текстом. во втором параграф с оранжевым background'ом. а в третьем получится параграф с зеленым текстом, оранжевым background'ом и по правилам css добавляется красная рамка. но всеми любимый IE6 по-своему воспринимает правило…

   Asked by sum41, March 28, 2009

   0 votes
   2 answers
8. Проблема с горизонтальными изображениями

   Подскажите, что может быть не так: Вот как выглядит часть странички форума в браузерах Chrome, Maxthon 2 и Maxthon 3: А вот как колбасит Opera, Firefox и Internet Explorer 8: Код наипростейший, за "горизонтальность" картинок отвечает класс addthis_default_style: <td width=84px align=right nowrap> <div class='addthis_toolbox addthis_default_style'> <a class='addthis_button_vk' title='Отправить ссылку в ВКонтакте'></a> <a class='addthis_button_twitter' title='Затвиттить'></a> <a class='addthis_button_livejournal' title='Отправить ссылку в ЖЖ'></a> <a class='addthis_but…

   Asked by ser_hero, February 28, 2011

   0 votes
   11 answers
9. Заказчики и IE6

   Вопрос для работающих верстальщиков. Как часто попадаются заказчики требующие поддержку IE6? Я понимаю, что браузер практически мертв, но работодатели в объявлениях о найме, бывает, требуют это.

   Asked by zSpx, April 21, 2011

   0 votes
   6 answers
10. Варианты применений стилей

    Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…

    Asked by yujin11, May 24, 2011

    0 votes
    6 answers
11. Небольшой вопрос о Notepad++

    Здравствуйте! Я начинающий пользователь. На курсах HTML мы работаем в Notepad++, установил её у себя на компьютере. Собственно сам вопрос. Как в Notepad++ включить функцию (незнаю как называется) которая окрашивает код в синий и красный цвет. Дабы это подсказка как я понял. Создал документ с форматом html, теги прописываю правельно но почему то все в черном шрифте. А вот если открыть файлы с которыми я работал на занятиях то всё в порядке. А то сложновато уследить не допустил ли я где ошибку в коде. Спасибо!

    Asked by Didorri, September 1, 2011

    0 votes
    3 answers
12. Такст по вертикали

    Возможно ли без картинки сделать такой "Feedback"? http://clip2net.com/s/23jou Т есть текст в блоке расположить вертикально.

    Asked by seemax, June 21, 2012

    0 votes
    6 answers
13. Как правильно растянуть фоновую картинку?

    Есть вот такой макет - http://s003.radikal.ru/i203/1207/e8/5b53232f4837.jpg Я решил его сделать резиновым - фоновую картинку сделать резиновой, а меню и текст поцепить на нее с помощью абсолютного позиционирования. Картинку решил растянуть без помощи JS и PHP, только CSS. В сети нашел 4 способа сделать это, но они не дают нужного эффекта. Помогите разобраться. Вот пример верстки - http://divverstka.16mb.com/ Применяя background-size картинка неправильно масштабируется - пришлось отказаться. Во всех способах, которые нашел для свойства background используется position:fixed; - но тогда пропадает боковой скроллинг и картинка на экране отображается не полностью. Вместо posit…

    Asked by Scaramush, July 21, 2012

    0 votes
    6 answers
14. Испольщование тега fieldset

    Насколько корректно использовать тег fieldset чисто в декоративных целях, как уже стилизованную рамку? Как например это реализовано на скриншоте

    Asked by Ge1i0N, January 8, 2013

    0 votes
    5 answers
15. Изменение цвета фона меню

    Всех приветствую! Друзья, пытаюсь немного подкастумайзить в одной из тем Wordpress. Подскажите, пожалуйста, каким образом можно изменить цвет отдельного списка меню? Вот нужный кусок: <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-1558" id="menu-item-1558"><a>Меню</a><ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1464 current_page_item menu-item-1541" id="menu-item-1541"><a href="#1">Подменю1</a></li> <li class="menu-item menu-item-type-post_type m…

    Asked by The_Immortal, January 19, 2015

    0 votes
    2 answers
16. Проблема с transition

    Здравствуйте. На сайте етсь проблема при наведении на эти инконки http://joxi.ru/xAeeR31SaB4bAy Странно себя ведёт. Кто-то сталкивался с таким? Внизу есть тоже такое наведение, там всё хорошо. http://joxi.ru/1A59OwzSOW81AE

    Asked by kattiperk, April 9, 2015

    • chrome
    • transition
    • webkit
    0 votes
    4 answers
17. Втиснуть блок, если есть место, а если нет,то оставить 100%

    Вот сделал рыбу, что есть: <div class="wrapper"> <div class="wrapper2"> <div class="photo"></div> <div class="param"></div> </div><div class="desc"></div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {background:yellow;float:left;height:300px;width:200px;}.param {background:green;float:left; height:200px;width:200px;}.desc {background:black;float:left; height:400px;width:100%;}тоже, онлайн: http://cssdeck.com/labs/usgkdfyd задача: если тех. характеристики товара (param) короткие, т.е. есть полно свободного места, то втиснуть описание (desc), чтобы карточка товара …

    Asked by nikki4, October 9, 2015

    0 votes
    9 answers
18. rand(); refresh - рандом; обновление rand(); refresh - рандом; обновление

    $mass[1]= "test1 "; $mass[2]= "test2 "; $mass[3]= "test3 "; $rd = rand(0,3); echo $mass[$rd]; Всем приветос!! Выручайте ребята проблемка такая: есть определенный ДИВ на странице в котором выводится случайный текст из массива(код прилагается). Необходимо сделать так, что бы раз в минуту не обновляя страницы в этом ДИВ-е происходило обновление на другое рандомное сообщение. Каким образом это реализовать? Только прошу не говорите загадками) а то туго доходит

    Asked by edem7778, June 6, 2016

    • rand
    • refresh
    • обновление
    • обновить
    • скрипт
    • див
    • слой
    • привет
    0 votes
    0 answers
19. Помогите с одной функцией

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

    Asked by Aragonix, November 30, 2017

    0 votes
    3 answers
20. Как оптимизировать скорость загрузки картинок без сжатия веса?

    У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…

    Asked by Katerina23, August 31, 2019

    0 votes
    3 answers
21. список горизонтально не используя display: inline;

    возможно ли как то сделать список горизонтальным кроме как используя display: inline;?

    Asked by LeFF?, January 21, 2008

    0 votes
    1 answer
22. Помогите сверстать!!! За символическую тему...

    Здравствуйте люди добрые. Буду краток так как времени нету а так попробывал бы сам да и что пробывать))) кому не лень сверстайте малек кто сверстает получает маленьку блогадарност в размере 8$ верстка фиксированная! Все сверстано кроме этого куска. Заказчек просил сделать до завтра а времени нету вообще ухожу очень надо сделать до утра а я ближе к обеду буду дома.

    Asked by musulman, February 26, 2008

    0 votes
    1 answer
23. Проблемы с нумерованнм списком

    Кто знает, как можно сделать нумерованный список, так чтобы начинался с 00001, 00002

    Asked by nazarovvlan, September 15, 2008

    0 votes
    1 answer
24. если отключен флеш

    Добрый всем день! Возникла такая проблема - в шапке сайта стоит флешка с прозрачным фоном ( сзади просвечивает общий градиент). нужно сделать так, что если у пользователя отключён flash, вместо флешки выводилась бы статичная картинка jpg. Помогите пожалуйста, как такое сделать?

    Asked by Little_disaster, October 14, 2008

    0 votes
    0 answers
25. деление пространства меж обектами

    скажем есть div c вложенными в него 3 других контейнера div как сделать так чтобы один из вложенных имел определенную ширину (в пикселях) и находился по середине (меж осталных) а остальные поделили оставшееся пространство (от родителя) в соотношение 1 к 2

    Asked by serjico, February 18, 2009

    0 votes
    5 answers