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

    Уважаемые посетители форума! Помогите справиться с такой проблемой. Пытаюсь темизировать формы на сайте сделанным на Drupal. Привожу к более менее человеческому виду. Возникла проблема в полях ввода в интернет эксплорере при клике в поле ввода курсор прижимается к верху. В остальных браузерах все выглядит хорошо и курсор встает по центру. Как мне одолеть эту напасть? Спасибо всем кто не пройдет мимо. Вот сам сайт potolok-master.net

    Asked by jaans,

    0 votes
    4 answers

  2. Тег <label>

    Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…

    Asked by Kray Storm,

    0 votes
    1 answer

  3. css резиновые div'ы

    Вобщем хотел сам сделать, но не получается Хочу сделать следующее: <div class="one"> </div> <div class="two"> <div class="n1"></div> <div class="n1"></div> <div class="n2"></div> <div class="n3"></div> <div class="n.n"></div> </div> one - фиксированая ширина two - обтекает one и занимает всё оставшееся место, Дальше то, что не получается: n1-n.n - если две в two помещается, то должен срабатывать float, но если разрешение маленькое - по одному, но занимать должен весь two. Вот вобщем всё. Как реализовать

    Asked by Zzz_,

    0 votes
    3 answers

  4. 30px отступы bootstrap

    объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки

    Asked by cyklop77,

    0 votes
    1 answer

  5. display: table-cell, table или div

    В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

    Asked by binomer,

    0 votes
    4 answers

  6. Верстка из картинки

    Нужно сверстать документ для e-mail. Только табличная вёрстка, без маппинга изображений, без внешних CSS только инлайн. Конкретно интересует средняя часть с товаром. Все ссылки должны быть рабочими. Помогите пож. http://files.mail.ru/7D4CF09A3BBD4125BD2E8110F6B8A7DE?t=1

    Asked by kreved1989,

    0 votes
    1 answer

  7. Подчеркивание только одной строки из блока

    Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>

    Asked by sss2019,

    0 votes
    2 answers

  8. IE8 + режим совместимости

    Доброе время суток. У меня на странице указан следующий Doctype: <!doctype html>. Но когда я открывю ее в IE8, то браузер грузит даную страницу в режиме совместимости, и соответсвенно вся верстка плывет. Если же в настройках переключить режим воместимости на "IE 8 standard" то все Ок. Подкажите плз, как сделать что бы странца IE8 по умолчанию открывалась в "IE 8 standard " Заранее спасибо. Страница находится по адресу: bizon4iktest.zz.mu

    Asked by Bizon4ik,

    0 votes
    3 answers

  9. Как мне вставить изображение

    Помогите пожалуйста, как мне вставить изображение? http://jsfiddle.net/oleg126/Ch42a/ Нужно что бы все было в одну строчку, и вместо span было изображение!

    Asked by oleg126,

    0 votes
    8 answers

  10. Объясните ошибку в коде

    Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li>…

    Asked by alex.kv,

    0 votes
    3 answers

  11. Как ограничить ширину DIV'a в зависимости от контента?

    Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…

    Asked by To_wave,

    0 votes
    0 answers

  12. вертикальные вкладки, в которых текст перевёрнут под 90 градусов

    Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!

    Asked by ruvi,

    0 votes
    2 answers

  13. Помогите с ошибкой(код в сообщении)

    Вот код, почему не срабатывает onclick? <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); …

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  14. Скачет гармошка

    Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале

    Asked by nikki4,

    0 votes
    1 answer

  15. Уголки не спускаются.

    Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…

    Asked by alex39x,

    0 votes
    0 answers

  16. Правильно ли я составила DOCTYPE?

    Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?

    Asked by anna-2010,

    0 votes
    1 answer

  17. Подсвечивание синтаксиса в тегах [code][/code]

    Я на многих сайтах видел как в поле code выделялся синтаксис того или иного языка, но сам я сколько не пытался, у меня не получалось, кто нибудь знает как это сделать? Пример:

    Asked by mr_0003Spy,

    0 votes
    3 answers

  18. Div с использованием float: left и right

    Помогите пожалуйста сверстать, дивна без таблиц - резиновый ID=1 - резиновый ID=2 - фиксированный 25px на 25px ID=3 - резиновый ( ширина - как у ID=1, высота - резиновая)

    Asked by uExpo,

    0 votes
    3 answers

  19. outline:0

    суть описана в самой теме

    Asked by Lincky,

    0 votes
    4 answers

  20. баг с col в Opera

    Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.

    Asked by Быколай,

    0 votes
    5 answers

  21. Выравнивание!

    В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!

    Asked by ELBegemotos,

    0 votes
    2 answers

  22. Проблема с кодировкой в jquery табах

    Есть страница index.php В ней выставлена кодировка ютф-8 при помощи <?php header("Content-Type: text/html; charset=utf-8");?> и стандартно <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> . Есть страница test.php. Если заинклюдить страницу test.php в index.php, то все нормально (русский текст нормально отображается), но если страница подгружается при помощи ajaxa вот этим скриптом, то наблюдается беда с кодировкой (кракозябры). Почему так происходит? Картинка для наглядности: http://awesomescreenshot.com/000lxdf66

    Asked by novickOk,

    0 votes
    2 answers

  23. Выравнивание div по центру страницы

    Всем привет! Нужно, чтобы сайт отображался по центру окна, для этого у мня есть контейнер class="container" Поиск по форуму дает такой ответ Fatal error: Call to undefined method IPSText::monthNameRu2En() in /home/psywalke/public_html/forum.htmlbook.ru/admin/applications/core/modules_public/search/search.php on line 254. Так же на самом сайте есть статья Слой по центру web-страницы Этого недостаточно. В вышеизложенной статье откуда-то берутся отступы слева и сверху.. Не понятен алгоритм их расчета. Я думал, что есть простое решения, типа valign: center Спасибо.

    Asked by samulet,

    0 votes
    3 answers

  24. background просвечивающийся png покрывает image

    Здраствуйте. В общем сабж как мне сделать чтоб background покрывал внутри него картинку?

    Asked by ducoz,

    0 votes
    2 answers

  25. Задействовать определённую область

    Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?

    Asked by dsasda,

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