HTML Coding

29542 questions in this forum

1. Выровнять список

   Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…

   Asked by aaron, August 17, 2012

   0 votes
   4 answers
2. Подскажите как реализуется меню такого типа

   Asked by sergeysurovikin, October 10, 2012

   0 votes
   4 answers
3. Проблема со стилями!

   Добрый всем час уважаемые посетители форума. Имеется проблема, которую было бы хорошо решить как можно быстрее. Обратился к вам. Мб есть ответ уже на форуме или в гугле, но все же, решил у вас спросить. Имеются стили: img{ width: auto\9; /* ie8 */ height: auto; width:auto; width:100%; max-width: 100%; } Они собственно для всех img на странице. Тут все понятно. Но, вот в чем собственно вопрос, для одного изображения, мне нужны совершенно другие стили. Поступил я так, присвоил ему id="img_test" и написал так: img#img_test{ width: auto\9; /* ie8 */ height: auto; max-width: 100%!important;} Но, изображение все равно придерживается основных стилей. Как поменять при…

   Asked by Skiffsc, December 9, 2012

   0 votes
   5 answers
4. выделение tr

   Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?

   Asked by darlov, April 8, 2013

   0 votes
   3 answers
5. Навигация по странице

   Подскажите пожалуйста возможно ли средствами CSS показывать скрытые блоки? Если их скрыть например display:none; <!-- <nav> <ul> <li><a href="#rasp">Расписание уроков</a></li> При наведении показывать div name="rasp" <li><a href="#zam">Заметки</a></li> При наведении показывать div name="zam" </ul> </nav> <div> <div name="rasp"> Скрыть например display:none;? <table> <tr> <td>Понедельник</td> </tr> </table> </div> <div name="zam"> Скрыть например display:none;? <p>Какой то текст</p> </div> </d…

   Asked by Mirovich, April 18, 2013

   0 votes
   5 answers
6. Порекомендуйте видеоурок

   Доброго времени суток. Порекомендуйте пожалуйста курс видеоуроков как сверстать сайт из шаблона фш. Давно просматривал один курс по-моему Евгения Попова, показывали как нарисовать шаблон как сверстать его и как установить на хостинг, тематика была что то про путешествия. Если кто знает или помнит такой дайте пожалуйста ссылку. Еще инфа: кажется сайт назывался Choose Travel

   Asked by Amalkurbanbaev, October 20, 2013

   0 votes
   2 answers
7. Как выравнять элементс с display:inline-block по горизонтали?

   Собственно сам вопрос в названии темы. Ни как не могу разобраться как тег <div> с display:inline-block выравнять по горизонтали... margin: auto тут почему то не помогает. Данный элемент прижат к левому краю и никак не хочет на середину

   Asked by Akkord87, February 8, 2014

   0 votes
   5 answers
8. IE9. Панель поиска и радиент

   Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.

   Asked by Arthur, September 5, 2014

   0 votes
   3 answers
9. Помогите разобраться начинающему.

   Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…

   Asked by cryptus, March 10, 2015

   0 votes
   1 answer
10. hover -эфект

    Подскажите как сделать эффект при наведении мышки на блок с категорией товара как на сайте http://mariyka.com.ua/ То есть сначала мы видим блок с названием товара, под ним картинку и корзину покупок, а при наведении на него блок получает рамку с тенью и увеличивается вниз где дополнительно можно прочесть краткое описание товара?

    Asked by V&V Cherry, March 11, 2015

    0 votes
    1 answer
11. Сабменю двигает контент (пробовал absolute, но исчезает меню)

    Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/

    Asked by nikki4, March 31, 2016

    0 votes
    1 answer
12. Как сделать чтобы блок масштабировался как картинка

    Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/

    Asked by ishurgaya, April 27, 2016

    0 votes
    1 answer
13. Текст, который длиннее 1 строки, переносится на следующую строку

    На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

    Asked by adm-pr, July 5, 2018

    0 votes
    1 answer
14. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka, August 3, 2021

    0 votes
    1 answer
15. Открыть в Word или PDF

    Добрый день, скажите если я хочу поставить ссылки чтобы по щелчку на них, открывался документ в Word или PDF, мне просто ставить ссылку формата .doc или .pdf, илиже есть для таких случаев конкретные скрипты? Спасибо.

    Asked by woofs, February 4, 2009

    0 votes
    1 answer
16. Нужна помощь по JS

    Доброго время суток! Подскажите пожалуйста что значат следующие строчки (каждая по отдельности): 1) newstr = str.replace(/\n+/g, ' '); 2) str = str.slice(0, 100); 3) if(document.getSelection()) {

    Asked by Fid, May 11, 2009

    0 votes
    3 answers
17. Прошу помочь с таблицами

    Всем привет. Никогда не верстал таблицами - возникла потребность их использования в резиновой верстке. В блоке с контентом, который тянется от 1000 до 1200 располагается таблица - цель создать 3 резиновых текстовых блока со строго фиксированными отступами между ними. Вот какой на данный момент выходит код: <table> <tr> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> </tr> </table> table {width:100%; height:50px; border-collapse:collapse;} td.margin {width:40px; background:#000;} td.block {backgrou…

    Asked by Верстальщикус, June 16, 2011

    0 votes
    2 answers
18. Вертикальное выравнивание внутри элементов списка

    Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…

    Asked by rbelko, October 11, 2011

    0 votes
    3 answers
19. Сделать часть картинки ссылкой

    Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <div id="block-header"><div> А вот css: #block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; } Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой. Заранее очень благодарен!

    Asked by leny1984, January 6, 2012

    0 votes
    3 answers
20. Никак немогу разобраться с Фоном сайта

    Все принципе устраивало, пока не сел за 17 дюймовый монитор, оказалась, что у сайта не растягивается фон до конца границ справа(он обрывается и вместо него появляется пустая белая область, как будто либо лишний блок или неправильный размер где-то), при чем если уменьшить масштаб в браузе все нормально. Сайт http://i-t-master.com/

    Asked by slimmy, May 11, 2012

    0 votes
    6 answers
21. В таблице у img не отображается border если стоит padding

    Хочу в ячейке таблицы скруглить по всем сторонам углы кнопке. Если не ставлю padding кнопке, то скругляет нормально, а если поставить то не скругляет. Причем если сделать padding-right то скруглит только по левой строне Как можно исправить? <td width="500" height="150" align="right" valign="middle" bgcolor="#003399" id="two"><img src="12_r15_c7.gif" width="72" height="26" alt=""></td> <td> </td> #main img { border-radius: 10px; padding:5px; }

    Asked by Jhozeph, May 27, 2012

    0 votes
    2 answers
22. Валидность верстки

    В общем учусь верстать, пока сверстал пару шаблонов, не очень сложных. Один из них поставил на свой сайт (CMS uCoz), решил сделать его валидным. Сначала было около 180 ошибок, вот сейчас осталось только 9, которые я сам исправить не могу. Надеюсь на Вашу помощь. Скриншот с ошибками: http://savepic.net/3079081.png Спасибо за помощь.

    Asked by Hardwell, July 4, 2012

    0 votes
    2 answers
23. Плагин не работает

    Насколько я понимаю, плпгин это готовый к использованию продукт требующий несложной адаптации к конкретной веб странице. Перерыл поиск "How to install jQuery plugin", "как установить jQuery плагин" пытаясь установить слайд шоу http://jquery.malsup.com/cycle/ 1) Собственно плагин и библиотеку подключил. 2) Разметку и соотв id контейнеру прописал. А плагин не работает ни с какой попытки! Похоже ошибка моя и такая проблема у меня только. Может я упускаю принципиальные моменты , подскажите плз что нужно пересмотреть? http://pomidor.com.ua/seemax/ImageneerF/HTML/ImageneerF.html

    Asked by seemax, July 24, 2012

    0 votes
    6 answers
24. Уменьшаются некоторые символы после Fontsquirrel

    Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.

    Asked by selahssea, August 23, 2012

    0 votes
    2 answers
25. Растягивание страницы по всему экрану

    Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)

    Asked by sasha8085, September 2, 2012

    0 votes
    2 answers