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. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  2. Верстка меню

    Верстаю меню но почему то padding и margin не хотят делать то что я хочу Собственно вот http://jsfiddle.net/Kgwap/ Вот еще полоска http://savepic.su/3483363.png а должно получится так Собственно что хочу узнать где я накосячил или не прописал какое то свойство

    Asked by BSandro,

    0 votes
    10 answers

  3. Ссылка в ячейке таблицы

    Имеется вот такая таблица <table width="100%"> <tr> <td width="15%"><a href="#"><div>←</div></a></td> <td><a href="#">Content</a></td> <td width="15%"><a href="#"><div>→</div></a></td> </tr></table>В правой и левой ячейке стрелки влево и вправо (для листания), по центру картинка (размер изменяется). Необходимо чтобы левая и правая колонки представляли собой ссылки, причем полностью, именно вся ячейка! Растянуть DIV в ячейке у меня не выходит, так как высота ячейки не известна. Вот что я хочу получить, как это можно реализовать?…

    Asked by RiG,

    0 votes
    4 answers

  4. Почему кнопки разные? Очередной мего-вопрос.)

    Всем привет, снова я со своими дурацкими вопросами.=D Почему кнопки разные: http://jsfiddle.net/LW5kU/6/ Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=) И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

    Asked by logicface,

    0 votes
    2 answers

  5. Как сделать вертикальное позиционирование блоков

    Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.

    Asked by alleclf,

    0 votes
    4 answers

  6. как сверстать элемент с углами и дать ему деть?

    Друзья, всем привет. Я учусь верстать, и вот не могу разобраться сейчас, как сверстать такой элемент на десктопе 4 блока в ряд. на мобиле 4 блока в столбик. как бы проблемы с вёрсткой блока нет, как и с медиа запросом, чтобы на мобильнике их сделать в ряд. но как сверстать этот угол? да еще так, чтобы у всего этого блока была тень. вот как сверстать такую фигуру с закруглением всех углов на 10 пикселей и добавлением тени? помогите плиз кодом всем заранее спасибо за участие вот картинка для наглядности

    Asked by freeodmin2,

    0 votes
    1 answer

  7. Что у Вас было с <html> и <body> (легчайший вопрос, тут нет простыни из кода)

    Привет форумчанам. Пытаюсь научить себя верстать) Хочу попросить Вас поделитЬся опытом на тему тегов <html> и <body> и <head> Какие атрибуты вы на них вешаете в вашей стандартной рыбке при написании нового сайта? Частенько видел такое: body{ padding: 0px; margin: 0px; } Это НОРМАЛЬНО? Или топорно и так нельзя? И еще маленький вопрос в догонку. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя окна</title> <style></style> </head> <body> </b…

    Asked by GRAY,

    0 votes
    2 answers

  8. аналоговые часы

    Здравствуйте форумчане. Скачал скрипт, часы с циферблатом. Циферблат сделан gif изображением, часы сделыны javascript, тоесть все часы состоят из файла html и gif. При запуске изображается только циферблат, стрелок нет. Открывал браузерами Opera v. 9.63 и IE v. 7.05730.13 одинаково в обоих только циферблат без стрелок. Разобраться в скрипте не смог, не пойму в чём проблема в javascript или в html в теге <OBJECT>. Поэтому пишу в тематику html. Далее привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript"> <!-- // © 2000, Urs Dudli и Peter Gehrig var now var s…

    Asked by v4567,

    0 votes
    1 answer

  9. вёрстка

    ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).

    Asked by bald,

    0 votes
    2 answers

  10. Позиционирование блока относительно родителя и IE6

    Возникла следующая проблема: для создания фонов задана структура html-body-div1-div2. Div2 позиционируется абсолютно относительно Div1. Футер прибит. Во всех браузерах все нормально, кроме IE6. В нем Div2 позиционируется относительно body и получается, что нужный фон не растягивается как надо. Вот код для этих блоков: html, body { height:100%; } html { font-size: 100%; background:#a2a1a1 url(text_bg.gif) top left repeat; } body { margin:0; font-size:10px; color: #000; font-family:Arial, Helvetica, sans-serif; } .shadow { background:url(bg.gif) repeat-y center top; min-height:100%; height: auto !important; height:100%; position:relative; } .bac…

    Asked by Maha,

    0 votes
    6 answers

  11. Прелоадер для CSS

    Друзья ваши советы мне помогли в прошлый раз, надеюсь что и сейчас поможите. Итак эфект перекатывания картинок при манипуляции над ними мышкой. Слелал все с помощью ксс(ссылка, ховер)все получилось хорошо да вот незадача, когда первый раз провожу над ссылкойона вмето того чтоб сменить фон, на секунду появляеться белое пятно, потом очевидно она загружается и появляется, стерпеть можно, но если есть способ предзагрузки изображения то это еще лучше. PS. Видел на сайте но не успел забить в закладки, искал но безрезультатно.

    Asked by getalusk,

    0 votes
    2 answers

  12. Ошибка отображения маркерированого списка в firefox

    Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…

    Asked by Temiks,

    0 votes
    3 answers

  13. Корректно ли использовать "пустые" ссылки?

    Всем доброго дня (утра, ночи)! верстал я, никого не трогал и тут сегодня вдруг задался вопросом насчет корректности использования "пустых ссылок". есть вот такой код <a href="адрес">пусто</a> корректно ли его использовать и оформлять ссылку через css или вместо "пусто" должен быть обязательно текст, изображение? если можно ссылку на документ подтверждающий то или иное мнение. заранее спасибо.

    Asked by RK152,

    0 votes
    8 answers

  14. Проблема с колонками

    Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!

    Asked by rafaello9,

    0 votes
    3 answers

  15. как заменить амперсанд обычным html тегом

    Для тех, кто знаком с препроцессорами, это должно быть просто. Есть код, который содержит амперсанд, можно ли его заменить на html тег, чтобы в дальнейшем было проще редактировать. При замене амперсанда на обычный код пропадает блик на css и исчезает изображение. Что я упускаю? Код здесь

    Asked by Troll13,

    0 votes
    2 answers

  16. выход margin за пределы блока

    объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

    Asked by cyklop77,

    0 votes
    4 answers

  17. Таблицы.

    Дали нам задние сделать сайт используя только таблицы. Как можно реализовать данный пункт через таблицы ?

    Asked by _dns,

    0 votes
    5 answers

  18. Как называется ефект?

    Как называется эффект http://nizoapp.com/ ? Был бы признателен за ссылку на какую-то статью

    Asked by fireman691,

    0 votes
    5 answers

  19. border 0 или не 0

    Привет, подскажите пожалуйста, как убрать рамку у картинки в google chrome почему border:0 не работает? http://jsfiddle.net/zx5fw2v5/12/

    Asked by tr0nik,

    0 votes
    2 answers

  20. убрать панель в chromium

    помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает

    Asked by cyklop77,

    0 votes
    3 answers

  21. Как разместить фоновую картинку в нужное место

    Есть блок с текстом. Скажите, можно ли как-то фоновую картинку разместить в этом блоке справа. Вот заготовка - https://jsfiddle.net/22gLeLLo/ Блок я специально сделал узким. Необходимо что бы картинка немного сжалась пропорционально и полностью поместилась в блок. Кстати, всё необходимо сделать в одном блоке.

    Asked by alleclf,

    0 votes
    3 answers

  22. Как сделать нижнюю сторону блока уголком

    Можно ли сделать так, чтобы верхний голубой блок имел вот такую угловатую нижнюю сторону? Или тут только свг в помощь?

    Asked by Alarr,

    0 votes
    4 answers

  23. Скип к топу страницы при активации анимации

    Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страни…

    Asked by Indorill24Empty,

    0 votes
    2 answers

  24. Мобильное меню

    <nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …

    Asked by d12,

    0 votes
    3 answers

  25. эффект hover

    3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>

    Asked by ne_beret,

    0 votes
    3 answers
×
×
  • 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