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

29,542 questions in this forum

  1. Растянуть ячейку с контентом, не трогая соседние.

    чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…

    Asked by Aspart,

    0 votes
    1 answer

  2. Растянуть ячейку с фоновой картинкой

    Доброго дня всем форумчанам. Возник такой вопрос: как растянуть ячейку с фоновой картинкой? В ячейке нет текста, поэтому она остается изначальной формы, хотя заданы ее ширина и высота.

    Asked by StOK,

    0 votes
    1 answer

  3. Расхождение колонок макета в Dreamvweavr

    Всем привет! Подскажите где я допустил ошибку при верстке макета, в браузерах отображается нормально, а в dreamweaver почему то правая колон ка отспупает от левой на ширину левой колонки. Да и в правой колонке стали появляться проблемы с расположением элементов.Сам проверял не один раз но увы... <!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=utf-8"> <title> </title> <style type="text/css"> BODY { margin : 0; padding: 0; } .box { width:1146px; color: #FFF; height:980px; margin-left: auto…

    Asked by ksonline,

    0 votes
    6 answers

  4. Расхождения в размерах

    Добрый день! Интересует следующий вопрос: какие расхождения в размерах между psd и готовой версткой допустимы? Я имею ввиду, например, в psd-хе отступ 5px, а в моей верстке 7px. Насколько всё должно быть точно?

    Asked by Vind,

    0 votes
    3 answers

  5. Расчёт высоты в IE6

    Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.

    Asked by Игорь Ермаков,

    0 votes
    7 answers

  6. Расчет ширины блока в IE после float и его перенос

    Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>

    Asked by voyager,

    0 votes
    1 answer

  7. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward,

    0 votes
    2 answers

  8. Расширение блока под контент

    Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?

    Asked by Noy,

    0 votes
    1 answer

  9. Расширение изображения-бекграунда в TD

    Помогите разобраться! Если бэкграунд (картинка) в ячейках таблицы при разных разрешениях не расширяется вместе с ячейкой, а остается пустой пробел, можно ли кок-нибудь прикрепить его к самой ячейки. (Как умные люди сайты строят нормальные...???)

    Asked by Zarina,

    0 votes
    8 answers

  10. Расширение при помощи background-size:cover;

    Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…

    Asked by BSandro,

    0 votes
    6 answers

  11. Расширение файла для HTML5

    Здравствуйте все! Подскажите, пожалуйста, можно ли у файла с HTML5 расширение оставлять .xhtml? Существует ли строгая (внутрення своя) проверка для HTML5? Спасибо. Прошу прощения, что не в ту ветку написал.

    Asked by LuxCore,

    0 votes
    8 answers

  12. Расширения (filter) для CSS

    Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...

    Asked by styleroom,

    0 votes
    1 answer

  13. Расширить границу картинки

    Здравствуйте Сейчас ситуация такая: Нужно: Мне просто нужно увеличить расстояние между картинкой и рамкой на n пикселей. Как это осуществить? Пробовал одеть img в div. Стиль div-а: border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px; Но в этом случае части рамки остаются на своих местах.

    Asked by Doszhan777,

    0 votes
    1 answer

  14. Расширяемый хостинг

    Всем привет. Задался тут вопросом, есть ли хорошие расширяемые хостинги. То есть, например, вначале у тебя маленький сайтик, поэтому и ресурсы нужны небольшие. Да плюс и не знаешь, будет ли востребованным сайт. Вот и получается нужен лёгкий, недорогой хостинг. А потом, если вдруг сайт будет расширяться или же ещё один сайтик добавится, этот хостинг расширить, так сказать купить более расширенный пакет. Так вот, если ли такие хостинги?

    Asked by IceGidra,

    0 votes
    12 answers

  15. Расширяется слой(блок)

    У меня такая проблема: у сайта из двух блоков второй(#position3), где находится контент и текст при вводе текста слой расщиряется, а в результате чего опускается вниз. Помогите пожалста сделать так чтоб он не расширялся! #container { width: 850px; /* Ширина слоя */ margin-right: auto; /* Отступ справа */ margin-left: auto; /* Отступ слева */ background-color: ; height:1008; } #position1{ /* Этот слой накладывается поверх */ position: relative; /* Относительное позиционирование */ left:0px; /* Положение от левого края */ top: 0px; /* Положение от верхнего края */ width: 150px; /* Ширина правой колонки */ height:1000px; background-image: url(fon1.jpg); …

    Asked by Glebr,

    0 votes
    1 answer

  16. Расширяющиеся поле для ввода

    Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?

    Asked by PavelTkachev,

    0 votes
    14 answers

  17. расшифруйте?

    В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой. что за РАЗРЯДКА ТАКАЯ???? ПОЧЕМУ НЕНАЗЫВАЮТ ВЕЩИ СВОИМИ ИМЕНАМИ???7:mad:

    Asked by Kain,

    0 votes
    5 answers

  18. Рационально ли?

    Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …

    Asked by MC WEST,

    0 votes
    7 answers

  19. Рваные края блока

    День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?

    Asked by seemax,

    0 votes
    10 answers

  20. Рваный фон с тенью.Как сверстать?

    Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.

    Asked by forest79,

    0 votes
    5 answers

  21. Рвется дизайн в ИЕ7.

    Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?

    Asked by PaLyCH,

    0 votes
    2 answers

  22. Реакция хрома на открытие dropdown от bootstrap

    http://vlad.gtxt.biz/tahograph/ В хроме, в момент открытия подменю, меняется шрифт в темных блоках ниже. Как? Почему? И, главное, как исправить

    Asked by Vlad_P,

    0 votes
    2 answers

  23. Реализайция спойлера в таблице

    Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!

    Asked by Qwas,

    0 votes
    4 answers

  24. Реализация OpenID

    Добрый день! Хочу сделать регистрацию через Wargaming OpenID, но не получается это сделать. Пробовал ставить uLogin и Loginza, но это все не подходит. Просто хочу сделать кнопку или ссылку "Вход" которая будет перенаправлять на авторизацию на сайт Wargaming, а после подтверждения возвращать обратно на форум уже с ником игрока обратно ну и его регистрацией на моем форуме. Видел несколько форумов ipb которые реализовали это. Сам ВГ говорит, что такими хуками не занимается и обращайтесь в поддержку платформы.Если кто-то реализовал такую форму авторизации, то пожалуйста, поделитесь им. Все таки танковое сообщество очень большое и думаю данный хук будет многим полезен.

    Asked by cori,

    0 votes
    0 answers

  25. Реализация баттона с чекбоксом в Bootstrap 4

    Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…

    Asked by mstdmstd,

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