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. Как сделать прямоугольник с рамкой?

    Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?

    Asked by Flexible Curd,

    0 votes
    6 answers

  2. Верстка шкалы

    Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.

    Asked by alex_web64,

    0 votes
    2 answers

  3. Как зафлоатить инпут?

    Помогите пожалуйста, не получается сверстать вот такую банальную навигацию .. Пробывал уже и inline-block, и флоат .. Но инпут не прижимается к правому боку. Можете ответ не говорить, скажите что не так делаю, и что поправить. Вот мой измученый код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> example </title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blog</a></li> …

    Asked by Hasiev,

    0 votes
    3 answers

  4. Анимированные табы

    Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …

    Asked by Джулия,

    0 votes
    1 answer

  5. Форма слайдера

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

    Asked by Dir.t,

    0 votes
    2 answers

  6. проблемы с расположением текста

    как в css сделать так, чтобы текс был сверху кнопки (в верхней ее части) без создания контейнера?

    Asked by Dmitry3258,

    0 votes
    1 answer

  7. По разному отображается в IE и Firefox. Помогите!

    HTML код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="author" content=""> <link rel="STYLESHEET" type="text/css" href="style.css" > <title>Untitled 1</title> </head> <body> <div class="fl halfofbigcol icol icol_ie"> <div class="box box_s"></div> <div class="box2 box_full"></div> <div class="box3 box_full"></div> <div class="box6 box_full3_s"> …

    Asked by ale-g,

    0 votes
    1 answer

  8. траблы с float в ie6

    имеется такая конструкция: <p class="block"><span class="info">День рождения:</span>19.09.2007</p> и соответствующие стили: .block { margin :5px 0px; font :normal 1em sans-serif; } .info { display :block; float :left; font :bold 1em sans-serif; margin :0px 10px 0 0; width :210px; overflow:auto; } так вооот в ие6 текст который находится внутри класса info странным образом исчезает, но если убрать float, то он появляется. может мне кто-нибудь объяснить почему так происходит?

    Asked by c1n1k,

    0 votes
    2 answers

  9. IE6 и 7 - подскажите!

    Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…

    Asked by pattaya,

    0 votes
    6 answers

  10. Кнопка внизу td

    Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…

    Asked by magiq,

    0 votes
    6 answers

  11. Резкая прокрутка вверх в Opera

    Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?

    Asked by TMGLUK,

    0 votes
    1 answer

  12. Помогите переделать оформление h2 в div

    Было так .sidebar h2{ margin: 10px 0 0px 0; padding: 10px 0 10px 6px; text-align: left; font-size: 18px; line-height: 18px; color: #F4F5F6; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; background: url(images/sidebar-tab.png) left top repeat-x; } .............. <h2 class="widgettitle">Новые статьи</div> Мне нужно убрать тег h2 и сделать такоеже оформление, но через div. Как правильно переделать код?

    Asked by fowl,

    0 votes
    3 answers

  13. всплывающее окно меняет координаты при повторном открытии

    реализовал функцию обратный звонок на ДжиКвери, при нажатии на ссылку всплывает окно при повторном нажатии без перезагрузки страницы окно меняет месторасположения hххp://www.dommoy.com.ua/ кнопка "Обратный звонок" в верху сайта Подскажите плз

    Asked by SKM,

    0 votes
    1 answer

  14. Кодировке и хостинг

    Помогите разобраться. При сохранении html или php файла(предварительно сохраненных в блокноте как utf8 и c прописанным тегом meta) на сервере хостинга, вместо русских букв появляются вопросы. На локальном сервере(Denwer) проблем нет, русские буквы отображается верно. В связи с этим также не работают запросы с русскими символами в параметрах, с английскими все работает.

    Asked by ab138,

    0 votes
    9 answers

  15. не работает background: url(top.jpg)repeat-x;

    Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)

    Asked by kent666,

    0 votes
    2 answers

  16. Помогите разобраться!

    Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…

    Asked by hrupin,

    0 votes
    10 answers

  17. требования к атрибуту class

    Собственно, вопрос в следующем, какие применимы требования к описанию атрибута class в HTML4 и HTML5. Можно ли описывать следующим образом? class="elem1-subelem2-x:3-y:7-z" Буквально, простыми словами или ссылкой на спецификацию. За ссылку на параграф спецификации, дополнительное спасибо.

    Asked by kich,

    0 votes
    4 answers

  18. Ошибка в firefox

    Здравствуйте, не получается сверстать страницу в firefox. Подскажите, пожалуйста, в чём дело. Мне кажется, что ошибка в firefox, так как в опере и ie вёрстка встала как надо. <!-- html --> <div class="window"> <div class="caption"> <div class="corner-left"> </div> <div><span>Authentication</span></div> <div class="corner-right"> </div> <div class="clr"></div> </div> <div class="content"> <form> <div class="input"> <label>Username</label> <input type="text" /> <div class="clr"></div> </div> <di…

    Asked by ckunep,

    0 votes
    4 answers

  19. Откуда берётся <p align="justify"> перед доктайпом?

    Вот сайт - http://www.shark.ru/sharknew/ Это то, что я вижу в шаблоне: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <?$APPLICATION->ShowHead();?> <meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" /> <?$APPLICATION->ShowMeta("robots")?> <?$APPLICATION->ShowMeta("keywords")?> <?$APPLICATION->ShowMeta("description")?> <title>Shark ID | <?$APPLICATION->ShowTitle();?></title> <!--?$APPLICATION->ShowCSS();?--> <!--?$APPLICATION->ShowHeadStrings()?--> <script type='te…

    Asked by maritca,

    0 votes
    7 answers

  20. Неправильное растягивание блока с плавающим содержимым

    Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.

    Asked by iReD,

    0 votes
    2 answers

  21. Не знаю как сделать форму

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

    Asked by Immortal,

    0 votes
    7 answers

  22. Что не правильно делаю?

    Вот сайт http://firstsiteinmymi.ucoz.com/ при переходе на другую страницу, нажмите на "Видео" отступы появляются, и правильно ли я создал переход на другую страницу?И посоветуйте другие хостинги, но чтобы можно было так же менять код на свой.

    Asked by RuslanHeYca4ev,

    0 votes
    9 answers

  23. Как избавиться от скачка при развертывании текста

    Подскажите пожалуйста, как избавиться от скачка влево при появлении бегунка? Вот образец: http://vanna-servis.com.ua/price.html Спасибо!

    Asked by Vic-Tor,

    0 votes
    4 answers

  24. Градиентная прозрачность картинки

    Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.

    Asked by YAHOO,

    0 votes
    5 answers

  25. Масштабирование сайта проблема 2

    Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...

    Asked by psics,

    0 votes
    2 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