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 и абсолютное позиционирование по нижнему краю

    нужно выровнять элемент относительно нижнего края блока с нефиксированной высотой с FF проблем нет, а IE не выравнивает пока высота явна не задана. пример http://demo.oceanit.ru/karfm/index123.html У слоя 1 высота задана 60px, а у 2 и 3 определяется содержимым. Соответственно элемент "100" в IE выравнивается правильно, а "200" и "300" нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css" media="screen"><!-- #main {width:200px; background-color:#e0e0e0; padding:50px;} #box {height:200px; border: 1px solid white;} #box div {position:relative; border: 1p…

    Asked by smoke1,

    0 votes
    1 answer

  2. Простая форма с нефиксированной шириной

    Всем привет. Недавно встала необходимость сделать довольно стандартную форму вот такого вида Login: ________ Password: ________ То есть как видно, лэйблы выравниваются по левому краю, филды по правому. Страница локализирована, то есть лэйблы могут быть на разных языках, так что задавать им ширину не катит, как и самой форме в целом. Надо это сделать слоями. Может кто подскажет решение ?

    Asked by yroman,

    0 votes
    2 answers

  3. Выпадающее меню отображается не корректно

    Есть сайтик : http://www.kliu.1gb.ru/ Проблема в том, что при выпадании меню слова не умещаются и наезжают друг на друга , что не есть хорошо ((( где надо что изменить , что бы увеличить поле для вывода И второе, у шаблона есть несколько стилей , они внизу выбираются ( слева внизу) клацаешь по цветному шарику и стиль меняется , так вот , как по умолчанию выставить широкий и синий ... Всем большое спасибо за коменты ... шаблон темы Сайт на joomla

    Asked by persey01,

    0 votes
    5 answers

  4. Header

    Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!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> <title></title> <meta …

    Asked by mazhar,

    0 votes
    8 answers

  5. Помогите советом

    Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.

    Asked by dimacat,

    0 votes
    10 answers

  6. Как расположить элементы на странице таким образом?

    Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…

    Asked by marchenkovby,

    0 votes
    7 answers

  7. тег SELECT

    Столкнулся с проблемкой: не могу изменить цвет элементов раскрывающегося списка. Весь инет облазил. Не подскажите, как сделать?

    Asked by lavrentiy,

    0 votes
    2 answers

  8. Убрать рекламу с хостинга

    Всем привет!Подскажите,пожалуйста,как мне убрать рекламу с моего сайта, который расположен на бесплатном хостинге http://www.yadviga.ru

    Asked by Fingertrah,

    0 votes
    6 answers

  9. Как повернуть HTML таблицу целиком на 90 град.?

    Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…

    Asked by posdnyaa,

    0 votes
    3 answers

  10. размер шрифта в input

    В таблице стилей ставлю: input.field { font-size: 14px; } В текстовом поле отображается нормальный размер, а в selectе размер немного меньше. В чем проблема, подскажите, плиз? Туплю... input.field { font-size: 14px; } select.field { font-size: 14px; }

    Asked by stosen,

    0 votes
    1 answer

  11. Стилизация выплывающего списка

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

    Asked by Prokopov Nikolai,

    0 votes
    5 answers

  12. Трабла с dropdown меню в twitter bootstrap

    Приветствую! Взял я twitter bootstrap v2.1.0 и начал верстать на нем новый сайт. Все бы ничего, но возникли проблемы с dropdown-меню. Когда щелкаешь на списке, который должен раскрыться, он раскрывается не под своим элементом, а в начале навбара. Похоже на косяк в JS, не правильно определяется позиция. Но, точно понять не могу. Может кто сталкивался / знает как решить проблему?

    Asked by keltanas,

    0 votes
    2 answers

  13. Градиент в Хроме

    Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?

    Asked by Vlad,

    0 votes
    11 answers

  14. Не работает transition opacity on pseudo-element

    Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?

    Asked by mikoart,

    0 votes
    2 answers

  15. Как сделать счетчик?

    Доброго дня! Как сделать вот такой счетчик: Т.е.чтобы время шло в обратном отсчете от окончания даты.

    Asked by Нуб,

    0 votes
    8 answers

  16. Проблема с версткой на div(. Помогите плиииииз!

    Хотел создать свой первый сайт на дивах, но возникает ряд проблем: в разных браузерах страница отображается по-разному и некоректно. В идиале сайт должен одинаково отображатся о этих браузерах, и 2 колонки с контентом должны ростягиватся содержимым, но не получается добиться этого ефекта. Укажите на ошибки, буду очень благодарен. Заранее спасибо! IE 7.0: Opera: Mozilla Firefox: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>.: Морские прогулки на яхтах в Крыму :.</title> <META http-equiv=Content-Type content="text/html; charset=win-1251"> <META content="Морские прогулки на яхтах в Крыму"…

    Asked by romik,

    0 votes
    5 answers

  17. font size в заголовках

    применяю относительный размер шрифта в стиле заголовка, а получаются очень маленькие буквы даже если добавить +7 к тому же нет ясности, к какому числу прибавляются условные единицы в заголовках h1-h...

    Asked by Rilo,

    0 votes
    3 answers

  18. передача данных из формы

    Подскажите пожалуйста, существует метод передачи данных из формы в e-mail? Пробовала вот это: Имя: Фамилия: Адрес E-mail: Сообщение: что-то не получаеться. Может это вообще нето?

    Asked by Tan,

    0 votes
    4 answers

  19. Изменение прозрачности

    Привет всем! Хочу у вас спросить как сделать изменение прозрачности изображения при наведении? Видел вот на этом сайте вверху, но не разобрался. Спасибо!

    Asked by Verty,

    0 votes
    6 answers

  20. inline-block в IE 6

    IE 6 неккоректно отбражает эту страницу http://gama.su/registration.php В Опере и мозиле все нормально. <form method="post"> <div class="reg_div"> <div class="reg_text">{lang.Login}: </div> <div class="reg_text">{lang.Passw}: </div> <div class="reg_text">{lang.Passw}<sub>({lang.Re})</sub>: </div> <div class="reg_text">{lang.Nick}: </div> <div class="reg_text">{lang.EMail}: </div> </div> <div class="reg_div"> <div><input type="text" name="register[login]" class="reg_input" /></div> <div><input type="password" name="register[passw1]" class="reg_input" …

    Asked by Ark,

    0 votes
    3 answers

  21. Очень непростая задачка

    Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …

    Asked by AssaCSSin,

    0 votes
    3 answers

  22. Отправка текста на e-mail

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

    Asked by roosei,

    0 votes
    4 answers

  23. Помогите научиться понимать как сделать сложный дизайн div

    Спасибо огромное создалелю сайта это первое! Я понял 80% написанного! Читал читал)и наткнулся у вас на странице http://htmlbook.ru/content/?id=79 есть пример дизайна страницы с помощью div, вопрос звучит так, как слой "copyright" сделать после всех, вот скриншот вот код <!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=windows-1251"> <title>Красивый дизайн</title> <style type="text/css"> body { margin: 0 0 0 0; } #top_title { width: 100%; height: 150px; background-color: #eee;} <!-- !--> #m_main {…

    Asked by kesha_pptp,

    0 votes
    3 answers

  24. Отступы от картинок

    У меня вот такая вот проблема. У меня 3 мини фотографии должны располагаться в линию и чтобы расстояние между ними было n пикселей. Так вот я думал, что я это решу также как и с тегами ul li, как делал отступ между словами, но не получилось. Между словами я делал так: #navigation li { display: inline; margin-right: 25px; padding-left: 20px; } Картинки у меня расположены в 1 диве, те <div id="kartinka"> <img src="1"></img> <img src="2"></img> <img src="3"></img> </div> Я чуть погуглил, но я фиг его знает, как описывать проблему в поиске. В общем помогите. Верстальщик тока начинающий.

    Asked by prowoke,

    0 votes
    3 answers

  25. Скрытый текст

    У меня есть юкозный сайт: http://megaluch.at.ua/. Я хочу сделать так, чтобы после клика по рекламе в поле "реклама", высвечивался ниже любой мой текст. Не работает тот сайт уже=( Заранее спасибо!

    Asked by Contego,

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