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. Добавление символа в начале/конце ссылки при hover

    Здравствуйте! Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком. При наведении, нужно чтобы блок и текст стал зелёным цветом, а после не выходя за рамки блока должна стрелка добавляться. Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать? p:hover:after ? или как?

    Asked by FitTech,

    0 votes
    5 answers

  2. Выравнивание содержимого одной колонки таблицы

    Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …

    Asked by FSe®g,

    0 votes
    1 answer

  3. не выходит анимация

    В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?

    Asked by bolotindima,

    0 votes
    1 answer

  4. Базовая линия у inline-block

    <div><p>123</p></div> *{ margin:0; padding:0; } p{ display:inline-block; background:red; overflow:hidden; vertical-align:top; } div{ border:1px black solid; } У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?

    Asked by aqua.77,

    0 votes
    1 answer

  5. Надо меню сайта сдвинуть влево

    Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/

    Asked by Alex_,

    0 votes
    2 answers

  6. Ограничение высоты изображения

    Здравствуйте. Есть такой пример jsfiddle.net Можно как-то заставить изображение сжиматься по высоте, занимая все доступное место контейнера, но не более? На ум приходит только абсолютное позиционирование.

    Asked by alex_web64,

    0 votes
    1 answer

  7. неопознанные типа-теги

    <a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?

    Asked by Rilo,

    0 votes
    1 answer

  8. подскажите

    подскажите где скачать хорошие уроки по WordPress, Joomla, Drupal, DLE.))) большое спасибо.

    Asked by Энди,

    0 votes
    1 answer

  9. Переход ВВЕРХ-ВНИЗ

    Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…

    Asked by Dayks,

    0 votes
    2 answers

  10. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  11. автоматическое увеличекие ширины картинки заднего фона

    Как добиться, чтобы белая линия, картинка заднего фона, автоматически увеличивала или уменьшала свою ширину в зависимости от размера содержимого ссылки? Вот, как это выглядит на картинке Привожу свой html и сss код данного меню <div id="header_bottom"> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Become a member</a></li> <li><a href="#">Partners</a></li> <li><a href="#">About us</a></li> <li><a href="#">Contact</a></li> </ul> </div> #he…

    Asked by mastermedia,

    0 votes
    1 answer

  12. Строка бразера "сохранить пароль" наезжает на шапку сайта

    Добрый день. Проблема такая: при сохранении пароля при регистрации, вверху окна появляется строка браузера "сохранить пароль". при этом она наезжает на шапку сайта, а все ссылки, расположенные в хедере, сдвигаются вниз. Как можно сделать, чтобы шапка тоже сдвигалась вниз? Структура шапки такая: <body id="bg"> /*закрывается строкой бразера*/ <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <a href="/"><div id="logo"></div></a>/*сдвигается вниз*/ <div id="menu1"></div>/*сдвигается вниз*/ <div id="menu2"&…

    Asked by alekspol,

    0 votes
    6 answers

  13. Импорт таблиц из экселя

    Подскажите модуль на Джумлу 2.5 для импорта таблицы из экселя. 3000 наименований из экселя в ручную набивать в таблицу вообще не вариант ((( В инете не нашел ничего конкретного. Может здесь кто-то уже сталкивался с подобным

    Asked by Imperil,

    0 votes
    4 answers

  14. Выравнивание по центру резины в резиновом div

    Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…

    Asked by li4e,

    0 votes
    1 answer

  15. Проблеым с генерацией шрифта в фонтсквирреле

    Такая проблема - есть шрифт http://zverushka.zz.mu/PFDinTextCondPro-Regular.ttf Генерировала разными способами в эксперт режиме - но Буква "К" заглавная - всегда на пару пикселей меньше основных букв, хотя в изначальном шрифте такого не наблюдается. Сейчас я временно сгенерировала другим сервисом, но меня не устраивает, что файл вышел 400 кб - слишком много. Хотелось бы понять, что я не так делаю в белке? Вот мои настройки (галка фикс метрику - стояла, сняла и забыла поставить - результат одинаковый)

    Asked by Zverushka,

    0 votes
    11 answers

  16. Для знатоков HTML

    Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).

    Asked by Kypaku,

    0 votes
    9 answers

  17. Как создать такой бекграунд

    Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg

    Asked by aleks-lv,

    0 votes
    7 answers

  18. float:left для выравнивании по верхней стороне или лучше что-то другое?

    Здравствуйте снова На сайте надо блоки "Подарки и сувениры", "Дизайн" упорядочить по верхней границе. Попробовал стиль: float: left;для div.rt-block.cp - справляется, надо только будет тогда display: inline-block; у них убрать. Это правильный метод или лучше что-то другое использовать для div.rt-block.cp, у которых сейчас display: inline-block; ?

    Asked by borus,

    0 votes
    2 answers

  19. Сайт сканвордов

    Хотелось бы мне открыть сайт сканвордов. Но только они будут графическими, т.е. в виде какого-нибудь рисунка, извилистые, т.е. слова-ответы будут идти не строго по горизонтали или вертикали, а под углом. Какие средства, знания для этого потребуются? Пока что изучил html и css в самоучителях на htmlbook.ru. Обязательно ли для этого ещё javascript изучать? И как быть со специальными графическими редакторами для создания веб-страниц? Я слышал про тег <canvas>. Но там по-моему надо по пикселям угадывать, где какая линия рисунка будет проходить... Можно ли было бы сразу из Corel Draw экспортировать рисунок в веб-страничку. Или существуют другие графические редакторы?

    Asked by Сергей_Б,

    0 votes
    5 answers

  20. помогите найти ошибку с кнопками меню

    Это первые шаги в верстке, так что не обессудьте. Поблема с меню сайта http://clip2net.com/s/3kvpTVc Если тот же код прописать в jsfiddle, то получается все красиво - https://jsfiddle.net/Softlink/DzHUj/90/ Никаких паддингов в блоках нет, разве что для высоты кнопок. Подскажите, что не так?

    Asked by julja,

    0 votes
    3 answers

  21. Убрать горизонтальную прокрутку

    Добрый день! Появилась горизонтальная прокрутка, по отладчику вижу ,что блоки больше заданной ширины max-width 1140px. Видимо, причина в этом, но не понимаю, как это исправить. Помогите,пожалуйста. Shop.rar

    Asked by Albinka,

    0 votes
    1 answer

  22. Моргание блока при наведении в IE

    Имеем меню, на mootools в ie проблема, моргает текст в блоке меню... присваиваю по onmouseover visibility = visible во всех браузерах ок, кроме IE Как решить проблему для IE? Пример

    Asked by alex_p,

    0 votes
    0 answers

  23. Два фона

    Задача такая: В макете из двух колонок, вторую необходимо одновременно залить однотонным цветом и вставить картинку как фон для текста. Верстал таблицей, т.е. в ячейку надо либо поместить картинку, а поверх неё уже текст, либо поставить её фоном ячейки. В последнем случае оставшееся место в ячейке заполняется фоном таблицы, пока так и сделал. Но попытки поставить слой с картинкой за текст не увенчались успехом. Можно использовать относительное позиционирование: вставить слой с картинкой, затем абзац с текстом и текст поднять на высоту картинки, но тогда внизу ячейки будет ненужное свободное место, остающееся после текста. Сделать наоборот не получится: высоту абзаца ника…

    Asked by Йода,

    0 votes
    1 answer

  24. Простой вопрос..

    <div class="r"></div> div.r { width:100px; height:100px; background: url("mycoolpic.png") left top no-repeat; } Когда фон.картинка устанавливается в левый край слоя, левый край картинки соприкасается с каким левым краем элемента div?? Левый край контент-бокса?? паддинг-бокса?? бордер-бокса?? маргин-бокса??

    Asked by DrStrangeLove,

    0 votes
    6 answers

  25. Глупый вопрос новичка

    Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

    Asked by Rise,

    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