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. Структура семантических тегов в шаблоне на Bootstrap

    Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …

    Asked by Sigizmund,

    0 votes
    9 answers

  2. не получается сделать двойной hover

    надо сделать вот так: а получается вот так: доп материалы с кодом:

    Asked by tbgiyl,

    0 votes
    3 answers

  3. окошко после нажатия на ссылку

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

    Asked by PASSWORD,

    0 votes
    8 answers

  4. <a title= (как обрезать картинку)?

    Подскажите, пожалуйста.. Вот код (реализовывается с помощью скрипта тултипа): <a title="<img src='ССЫЛКА' width='100' height='100'>" style="text-decoration:none;" href="ССЫЛКА"> Как сделать, чтобы изображение, превышающее эти значения ещё обрезалось? А то НЕ квадратные картинки получаются сжатыми... Вот так НЕ работает: <a title="<img src='ССЫЛКА' width='100' height='100'>" style="overflow: hidden; text-decoration:none;" href="ССЫЛКА"> <a title="<img src='ССЫЛКА' width='100' height='100' style='overflow: hidden;'>" style="text-decoration:none;" href="ССЫЛКА">

    Asked by qweminus,

    0 votes
    14 answers

  5. как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?

    <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …

    Asked by atew,

    0 votes
    8 answers

  6. Имитация консоли

    Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html

    Asked by Tmin10,

    0 votes
    3 answers

  7. CSS::Соседние селекторы.

    Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?

    Asked by bullvinkle,

    0 votes
    12 answers

  8. input type="file"

    Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

    Asked by Evgen8,

    0 votes
    11 answers

  9. iFrame или DIV на высоту ячейки таблицы

    Нужно для FireFox: ——— | a | b | ——— | c | d | ——— простая таблица заданного размера 800*600 в ячейке d предполагается прокручиваемая информация (iframe или div), по всей доступной высоте. Как: при заполнении ячеек а и b сжимать c и d (в d у фрейма должна появиться прокрутка) ???

    Asked by dhtml,

    0 votes
    6 answers

  10. Как лучше порезать картинку

    Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню

    Asked by rolph,

    0 votes
    12 answers

  11. После ссылки и открытия нового окна страничка встает на начало...

    Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?

    Asked by Ингви,

    0 votes
    10 answers

  12. scr img br nbsp

    Люди, а есть ли еще способ, прицельно разместить картинку на штмл страничке, кроме тегов , nbsp и font size (для размера абзацов и пробелов )?

    Asked by shiz,

    0 votes
    4 answers

  13. Позицирование в DIV

    есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  14. Закругление textarea && text

    Вот ищу сейчас в гугле и на этом сайте и везде информация о закруглении дивов или картинок. А можно как нить закруглить поля для ввода ? Это text и textarea.

    Asked by prowoke,

    0 votes
    6 answers

  15. Почему за "height: 100%" берется только высота окна?

    Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/…

    Asked by sss2019,

    0 votes
    13 answers

  16. Почему не применяется градиент?

    Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/

    Asked by Hasiev,

    0 votes
    9 answers

  17. Мозилла выдает ошибку

    <!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>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^

    Asked by yudinasty,

    0 votes
    8 answers

  18. Смена текста туда-обратно

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

    Asked by Haindell,

    0 votes
    18 answers

  19. CSS и формы

    Вопрос касается применения css в формах. Интерисует такой общий вопрос: как сделать формы на сайте красивее? Тоесть рамки текстовых полей(input,textarea) не стандартного цвета, расстояние между ними тоже другое, и кнопку поставить свою, но чтобы тип ее был стандартный(Submit или Reset)

    Asked by YaGub,

    0 votes
    7 answers

  20. какой способ целесообразней использовать. div или таблицы.

    Гуру верстки, подскажите, каким способом лучше реализовать блок контента с закругленными углами. - Пример макета. Лично я всегда использую таблицы. Я разбиваю изображение на 3 части. Далее создаю таблицу из 3 строк и 1 столбца. В верхнюю строку сую фоном top (высоту и ширину фиксирую). В среднею фоном center (сюда в дальнейшем помещаю контент ). И в последнею самую нижнею bottom (высоту и ширину фиксирую). Подскажите яв-ся ли мой способ правильным ? Хотелось бы услышать как это реализовать с помощью дивов. Простите если пложу темы в поиск не отправляйте, так как прочитал уже много информации на данную проблему. Мне охото услышать мнение знающих людей.

    Asked by Rasel,

    0 votes
    28 answers

  21. Циклическая смена фона у div

    Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }

    Asked by TillL,

    0 votes
    9 answers

  22. Yii2: pjax+ ListView

    Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…

    Asked by NOCaut,

    0 votes
    1 answer

  23. IFRAME в IE6 не работает

    На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.

    Asked by anapacap,

    0 votes
    5 answers

  24. Как сделать блок по центру в IE

    Добрый день! сайт http://hotelkorona.kiev.ua/ В Mozilla и Опере все по нормально, блок расположен по центру. в IE не могу сделать, помогите пожалуйста, что я должен подправить?

    Asked by midzus,

    0 votes
    5 answers

  25. IE 6 неправльно считает абсолютные координаты

    Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

    Asked by TonKhaO,

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