HTML Coding

29542 questions in this forum

1. Два блока с шириной 50%

   Не прошу писать мне готовый код, просто намекнуть как сделать лучше. На изображении 2 блока. Нужно, чтобы каждый из них занимал 50% ширины. А контент внутри этих блоков прижимался внутри к краю с отступом, чтобы при разных разрешениях всю ширину занимал только фон. В принципе кажется, что ничего сложно нет, но я запутался Сделал один общий id="webhost" и в нем два класса с еще двумя классами В одном классе фон с 50% шириной (wleft и wright), а в другом контент(wleft-row и wright-row). Получается куча флоатов и куча кода, можно же ведь как-то попроще сделать.

   Asked by alikitto, September 27, 2014

   • css
   • html
   • div
   0 votes
   2 answers
2. Исправление ошибок HTMLL

   Добрый день. Нужна помощь по исправлению ошибок, которые выходят при анализе сайта. Самой удалось исправить только одну пока что. На остальное не хватает знаний и умения. http://validator.w3.org/check?uri=http%3A%2F%2Fkinomanlv.ru

   Asked by Вилия, September 27, 2014

   • исправление помощь
   0 votes
   1 answer
3. Проблема в кириллице подключаемых шрифтов

   Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?

   Asked by soltx, September 26, 2014

   0 votes
   4 answers
4. Подскажите скрипт для вертикально выпадающего меню.

   Подскажите скрипт для вертикально выпадающего меню. На http://donautorent.com/ слева есть меню, новости и проспект, хотелось бы из этих картинок сделать выпадающее меню.

   Asked by Barbos4as, September 26, 2014

   0 votes
   0 answers
5. Картинки в ряд

   Добрый день. Ребят помогите пож сделать красивый код. Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html но какой то стиль мешает. как все красиво сделать? получается вот такой вариант http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg но код вообще жесток <p><a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html"><img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a><a style="line-height: 1.5em…

   Asked by psychomonkey, September 26, 2014

   • картинки
   0 votes
   6 answers
6. При нажатии на ссылку курсор становиться в нужную строку формы

   Здравствуйте. Нужно чтобы при нажатии на ссылку курсор становился в конкретную текстовою строку формы.

   Asked by Puperlancer, September 26, 2014

   0 votes
   6 answers
7. Псевдоэлементы ie

   Привет всем! .tel:before { content: ""; background: url(img/phone.png); width:37px; height:47px; float: left; position: relative; top: -14px; left:-10px; } В ie не сработает top и left почему?

   Asked by soltx, September 26, 2014

   0 votes
   3 answers
8. Плавная прокрутка сайта

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

   Asked by Laroxx12, September 26, 2014

   0 votes
   2 answers
9. Верстка на чистом html под unisender

   Сделал мини шаблон для email верстки в яндекс программе для просмотра почты на телефоне Периодически съезжает блок и он становится не по середине Что можно сделать?Или добавить или убрать? Спасибо <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 800px; background-color: #ffffff;"><tbody><tr><td style="width: 25%; background-color: #f0eae6;" valign="top"></td><td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; line-height: 0px;"><tbody><tr><td align="left" colspan="2" style="width: 600px; line-height: 0px;"></td></…

   Asked by Romasa, September 26, 2014

   0 votes
   4 answers
10. Мобильные браузеры, body, overflow:hidden

    Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}

    Asked by Bassline, September 26, 2014

    0 votes
    4 answers
11. Блоки в ряд по горизонтали (выход за границы экрана)

    Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

    Asked by haiatov, September 26, 2014

    • div
    • float:left
    • за границами экрана
    0 votes
    2 answers
12. Вопрос по цветовым функциям Sass

    Добрый вечер! Начал разбирать Sass, и возник такой вопрос по цветовым функциям: правильно ли я понимаю, что можно задать один цвет одной переменной, а все остальные цвета на странице, которую я верстаю, можно получить с помощью цветовых функций Sass?

    Asked by Stright, September 25, 2014

    0 votes
    8 answers
13. Треугольники-картинки

    Начал верстать сайт и столкнулся с проблемой. По задумке эти треугольники должны быть как кнопки и при наведении спускаться,но альфа канал перекрывает друг друга и получается каша. С тегом map тоже не получается. Как можно это прописать?(если треугольники будут не чистые заливки, а фото)

    Asked by grafcorp, September 25, 2014

    0 votes
    1 answer
14. Как правильно задать свойства

    Здравствуйте! Я совсем новичок в верстке, помогите разобраться в вопросе. Когда создаем горизонтальное меню с помощью float то float и margin нужно указывать для селектора <li> или можно для<a>? Проверял - работает и так и так. Как будет правильно или вообще без разницы? 1.Так правильно? .social_buttoms li {float: left;margin-right: 14px;}.social_buttoms a {display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} 2.Или так?.social_buttoms a {float: left;margin-right: 14px;display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} Заранее спасибо за ответ.

    Asked by Andrew_007, September 25, 2014

    • css html горизонтальное меню
    0 votes
    11 answers
15. список ссылок с иконками слева

    Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <div class="widget"> <div class="widget-body padding-none"> <h4 class="innerAll bg-gray border-bottom margin-bottom-none">Settings Items</h4> <ul class="fa-ul innerAll"> <li> <a href="/business/scheduler/" class="fa heading glyphicons settings"><i></i>{"Appointments"|translate}</a> </li> <li> <a href="/business/clients/" class="hea…

    Asked by mstdmstd, September 25, 2014

    0 votes
    2 answers
16. Белый экран вместо сайта. Локальный сервер opensrever

    Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))

    Asked by eleonore, September 25, 2014

    0 votes
    14 answers
17. заливка div с картинкой- цветом

    У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?

    Asked by BeetleJuice541, September 25, 2014

    • div
    0 votes
    13 answers
18. Выравнивание слоя по вертикали

    В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результа…

    Asked by hike, September 25, 2014

    • выравнивание
    • выравнивание по вертикали
    • выравнивание по центру
    • центрирование
    • слой по центру
    0 votes
    3 answers
19. Помогите разобраться с tabs

    Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...

    Asked by Sargon777, September 25, 2014

    • таб
    • tabs
    • навигация для таб
    • каталог на tabs
    0 votes
    6 answers
20. Как реализовать такую тень в через css?

    http://uploads.ru/mDvHB.jpg

    Asked by RuslanHeYca4ev, September 25, 2014

    0 votes
    4 answers
21. что за непонятный бордер?

    всем привет, сверстал первую страницу http://swift.url.ph/ не пойму что за бордер образуется в IE у элементов таблицы, соц-иконок и других ?

    Asked by tr0nik, September 25, 2014

    0 votes
    2 answers
22. Как правильно скрыть position:absoute справа

    Здравствуйте. Посмотрел форум и не наткнулся на хорошие решения данного вопроса. Чтоб было понятнее приведу реальный пример. Вот есть блок контента. Внутри него wrap заданной ширины и margin: auto. И вот в этом блоке есть линии которые должны выходить за его границу влево и вправо и до конца окна браузера при любом разрешении. Самым адекватным способ посчитал сделать их через position:absolute (задал ширину линий 1000px и отпозиционировал куда требовалось) и слева никаких проблем не возникло, а справа появилась полоса прокрутки. Скрыл ее через overflow-x:hidden и довольный результатом продолжил. В конце верстки посмотрел как выглядит в разных браузерах и вот на устр…

    Asked by paralex, September 25, 2014

    • absolute overflow ios
    0 votes
    2 answers
23. Размер шрифта на экране

    Добрый день всем. Может кто подскажет, почему когда указываю шрифт 16px, на экране отображается 12px, или если указываю 20px, то на экране отображается 15px, т.е. на четверть меньше. В чем тут дело?

    Asked by grifangel, September 24, 2014

    0 votes
    5 answers
24. Картинки на хосте

    http://fb79274t.bget.ru/postel/index.html На локальном пк все отлично, на любой хостинге сами посмотрите что, пути 100 раз проверял плагин lightbox. Почему так?

    Asked by raptor-dm, September 24, 2014

    0 votes
    7 answers
25. Смена текста при нажатии на кнопку.

    Добрый день всем. В JS и CSS я новенький, поэтому прошу помощи. Имеется код: <div style="text-align:left;"> <div id="type_text" class="box"> <script language="JavaScript"> var text = 'текст 1 текст1 текст 1.<br> '+ ' ...текст 1 текст1 текст 1<br>'+ ' текст 1 текст1 текст 1.'+ ' текст 1 текст1 текст 1,'+ ' текст 1 текст1 текст 1'+ ' текст 1 текст1 текст 1'; i = 0; function type(){ i++; if( i <= text.length ) if(text.substr(i-1,1)=='<'){ document.getElementById("type_text").innerHTML +='<br>' } else { document.getElementById("type_text").innerHTML = text.substr(0, i); } setTimeout( type, 20 ); }…

    Asked by Anorions, September 24, 2014

    0 votes
    1 answer