Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как заморозить ширину всех столбцов, кроме одного (в IE)?

    Как сделать так, чтобы в таблице все столбцы имели фиксированный размер, кроме одного, который должен растягиваться при растягивании окна. Вот такой вариант нормально работает в Опере и FireFox-е: <table width="100%" border="1" cellpadding="5"> <tr> <td style=" width: 200px; max-width: 200px; min-width: 200px; "> </td> <td style=" width: 70px; max-width: 70px; min-width: 70px;"> </td> <td style=" width: 100%;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-widt…

    Asked by retk213,

    0 votes
    4 answers

  2. Нужна помощь в оформлении

    Сорри, если тема такая уже существует, нужно срочно. Нужно сделать фон для текста, который бы состоял из двух цветов, плавно переливающихся из одного цвета в другой. Помоги пожалуйста. Спасибо!

    Asked by yaleksey,

    0 votes
    5 answers

  3. Красная строка

    Всем Здасьте! Допустим в файле типа default.css я могу выставить отступ красной строки, а как мне сделать, что бы он (отступ) был тока там, где я этого хочу? Я имею ввиду, может есть что-то, что можно вставить напрямую в текст и при этом без моноширинного шрифта !?!??!?!??! Спасибо!

    Asked by Vicoff,

    0 votes
    5 answers

  4. clear и margin-top

    Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…

    Asked by rookie,

    0 votes
    5 answers

  5. Вертикальное выравнивание многострочного текста в блоке

    Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…

    Asked by lihih,

    0 votes
    1 answer

  6. Кастомизация input type="number"

    Нужно сверстать вот такое: Подскажите, как это сделать? Ничего не нагуглила, к сожалению.

    Asked by Светлана Г.,

    0 votes
    4 answers

  7. Подскажите как сделать такой слайдер

    Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо

    Asked by maxi5,

    0 votes
    3 answers

  8. Размер картинки в таблице в процентах

    Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…

    Asked by Sergo,

    0 votes
    0 answers

  9. Проблема со ссылкой-рисунком

    Вот код HTML: <table cellspacing = '0' cellpadding = '0' class = 'header_box'> <tr> <td class = 'logo_box'> <a href = '<%LINK:INDEX%>'> <img src = 'images/logo.gif' alt = 'Главная страница' /> </a> </td> </tr> <tr> <td class = 'top_menu_box'> MenuTop </td> </tr> </table> Вот код CSS: .logo_box { background: #538539 url(images/logo_bg.gif); vertical-align: top; width: 100%; } img { border: none; } Проблема состоит в том, что когда изображение заключаешь в тег , то снизу остается маленький отступ.:| Вот скрин:

    Asked by RoaminFire,

    0 votes
    4 answers

  10. Как сделать, чтобы несколько ссылок не меняли цвет

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

    Asked by anna-2010,

    0 votes
    2 answers

  11. Почему не работает repeat

    Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.

    Asked by Ritter,

    0 votes
    4 answers

  12. Фигура при наведении

    Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.

    Asked by Linblack,

    0 votes
    21 answers

  13. как правильно записать конструкцию if

    пишу так: a { if &[href $='.pdf'] {$typecontent: '\f1c1';} if &[href $='.xls'] or &[href $='.xlsx'] {$typecontent: '\f1c3';} if &[href $='.doc'] or &[href $='.docx'] {$typecontent: '\f1c2';} if &[href $='.ppt'] or &[href $='.pptx'] {$typecontent: '\f1c4';} if &[href $='.zip'] or &[href $='.7zip'] or &[href $='.rar'] {$typecontent: '\f1c6';} else {$typecontent: '';} } .dsize { color: $wite; &::before { margin-right: .5em; font-family: "Font Awesome 5 Free"; font-weight: 600; content: $typecontent; …

    Asked by teanrus,

    0 votes
    1 answer

  14. Отступ первой строки текста от номера

    В общем сабж, а если по точнее: использовал в стиле list-style-position:inside; теперь, что-бы корректно работала под ИЕ 6 хочу сделать небольшой отступ текста от номера. Подскажите возможно ли такое?

    Asked by Sigurt,

    0 votes
    3 answers

  15. подскажите по гиперссылке

    подскажите пожалуйста начинающему веб-дизайнеру. По порядку: я задаю якорь на текст в середине док-та к которому ссылаюсь из другой странички Vostok . А когда броузер открывает новую страничку то в закладке броузера пишется не только название сайта но и имя якоря с знаком диеза #vos. Плиз помогите, чтто делать, как его убрать из закладок броузера!!!!!:/?????

    Asked by Маркиз,

    0 votes
    11 answers

  16. Ненужное расстояние между <div>

    Во всех браузерах кроме ie6 отображается правильно. ie6 же ставит непонятной расстояние между дивами. помогите решить проблему плз.

    Asked by akms,

    0 votes
    3 answers

  17. О параметре CSS - Width

    Всем привет! Возник вот такой оч интресующий меня вопрос, все пользуются конечно часто width задавая ширину элементам, но вот мне немного не понятно, скажем так, когда мне нужно чтобы div был на 100% ширины экрана, то я width вообще для него не указываю и он тянется итак на 100% ширины отведенного места, то есть получается значение по умолчанию для width: 100% ? НО на этом же сайте написано что значение по умолчанию auto и что это значение зависит от контента внутри и типа элемента, так почему ж он в auto на всю ширину тогда тянется. В итоге не совсем понятно разница между auto и 100% когда мы ширину для div не указываем вообще, обьясните плиз. То есть когда правильно е…

    Asked by TonKhaO,

    0 votes
    6 answers

  18. проблема со слоями

    Всем доброго времени суток. Есть некоторая проблема с версткой, но где как ни здесь можно ждать решения и помощи от спецов? Суть такова: есть слой с текстом, поверх него слой с картинкой. Картинка не затрудняет чтение текста тем не менее. Требуется сделать так, чтобы слой с картинкой был видим, но при этом можно было спокойно кликать по ссылкам в тексте, выделять текст и чтобы события типа onmouseover в тексте срабатывали, когда мышь подводится, т.е. все так, как-будто бы слоя с картинкой нет. Возможно ли решить при помощи CSS? Если нет, то возможно ли вообще решить? зы Картинку можно сделать как img, так и бекграундом.

    Asked by ztrue,

    0 votes
    7 answers

  19. Вложенный список криво отображается

    вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CS…

    Asked by AndreyT,

    0 votes
    5 answers

  20. Верстаю макет

    Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…

    Asked by Mr.Black,

    0 votes
    11 answers

  21. Сохранение положения параметра select

    Есть форма на пхп. Там выбор валюты посредством выпадающего select. Жмешь на кнопку рассчитать и выбор сбивается, устанавливается по дефолту первый. Как сделать, чтобы сохранялся выбранный пункт select?

    Asked by onsite,

    0 votes
    3 answers

  22. Иконка меню для мобильных устройств (hamburger icon)

    Существует несколько методов вывода иконки навигации(три горизонтальных линии) на сайте кто-то просто вставляет png иконку, кто-то делает с помощью border`a, кто-то использует box-shadow, кто-то градиенты, кто-то svg. кто-то псевдо-элементы. я не сильно силен в этой теме, но понимаю, что мне хотелось бы менять, к примеру, цвет иконки в зависимости от цвета фона шапки, поэтому я хотел бы иметь возможность гибко работать с иконкой. Суть вопроса, кто какой метод использует и какие плюсы/минусы разных методов. п.с. Кто-то подключает иконочный шрифт, вопрос такой, имеет ли смысл грузить мобильный трафик подключением этого шрифта ради 1-2 иконок?? или это не особо влияет на ск…

    Asked by anvyd,

    0 votes
    6 answers

  23. раскрывающаяся форма при клике и сворачивание при нажатии

    Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

    Asked by nikki4,

    0 votes
    3 answers

  24. Как применить свойство к родительскому элементу?

    Пытаюсь отформатировать ссылку в ячейке таблицы (сдвинуть вправо, и т.п.). Дописать стрелку к надписи получается, но сдвинуть её - нет. Если я правильно понимаю, из-за того, что тэг <a> - строчный контейнер, и свойство надо бы применить к ячейке таблицы, но ищем мы гиперссылку. <tr> <td width="30%"><a href="/news/2948/">Подробнее&nbsp;</a></td> </tr> CSS: /* пририсовываем к надписи стрелочку, работает */ td a::after { content: '\A0\21D2'; } /* пытаемся выровнять по правому краю - не работает */ td>a:link { text-align: right; font-weight: bold; } Может есть какой-то способ отформатировать яче…

    Asked by SergeAnt,

    0 votes
    7 answers

  25. Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE

    Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…

    Asked by Guest Гость,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept