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

    Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.

    Asked by openprogs,

    0 votes
    1 answer

  2. Верстка сложного изображения

    Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

    Asked by Digidie,

    0 votes
    0 answers

  3. Несколько стрелок в tooltip'e

    Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…

    Asked by Cryolite,

    0 votes
    2 answers

  4. Вопрос по отступам и line-height

    Всем привет. Я новичок в верстке сайтов, сверстал свой второй макет в учебных целях. В ходе верстки возникло пару вопросов: 1. Вопрос касательно высчитывания отступов у элементов типа h1-h6,. К примеру, у меня есть <h3>Заголовок третьего уровня</h3> с font-size:50px. Мне необходимо сделать отступ моего заголовка от верха страницы в 20 пикселей (margin-top:20px), но при таком размере шрифта даже при нулевом значении margin имеется небольшой отступ от верха страницы, так как с увеличением размера шрифта увеличиваются отступы вокруг него. Единственное решение, которое я нашел - вручную подобрал отрицательное значение margin для h3, чтобы получить нулевой отступ, …

    Asked by vnuk,

    0 votes
    0 answers

  5. Галерея на джумлу

    Подскажите плагин, который может сделать такой функционал, как на этом сайте http://www.geoda.ru/gallery/ Нужно осуществить именно то, что при открытии фотографии - прокручиваются фотографии из этого раздела.

    Asked by Imperil,

    0 votes
    2 answers

  6. фото в блоке

    здрасти. перейду сразу к вопросу. имеется див-блок с шириной 250px. в этот див-блок помещаем три фото с шириной и высотой 100px каждая. на примере получается, что только две фото помещаются в див-блок первой строки, а третья фото уходит на следующую строку. так вот вопрос: как поместить третью фото в див-блок первой строки не увеличивая при этом его ширину? думал получится при помощи overflow:visible, но увы это не сработало <html> <head> <title></title> <style type="text/css"> .block{ width: 250px; } </style> </head> <body> <div class="block"> <img src="#" width="100" height="100"/> <img src="#" width="1…

    Asked by valera,

    0 votes
    4 answers

  7. Почему не добавляется внутренняя рамка?

    Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?

    Asked by borus,

    0 votes
    3 answers

  8. Помогите

    парни помогите, пожалуйста! Есть вот такая форма, типо гостевой. В ней реализованы ввод данных от пользователя, запись их в фаил .txt и вывод этих сообщении на страницу. Также есть чекбокс с уведомлением о письме на мыло администратору. Задача такова, чтобы при написании комментария пользователь мог выбрать, отправлять письмо админу или нет. Я не могу это реализовать. Надо чтобы, если он поставил галочку в чекбоксе, мне приходил дубликат его коментария на почту, но и при этом коментарий остался на сайте. А если не стоит чекбокс ничего не приходило, а просто так же добавлялся комментарий. Помогите, пожалуйста!!! <?php $name = $_POST['name']; // собираем введенные …

    Asked by Rockstar,

    0 votes
    1 answer

  9. position absolute and relative

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

    Asked by yarosh,

    0 votes
    4 answers

  10. Приоритеты классов

    Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...

    Asked by IamПробник,

    0 votes
    2 answers

  11. Упс, высота блока и float изображения

    Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>

    Asked by iBars,

    0 votes
    2 answers

  12. Выровнять кнопки

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

    Asked by bobb,

    0 votes
    0 answers

  13. При формировании чека по оплате в PDF версии чека слетает рамка

    Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

    Asked by Джулия,

    0 votes
    1 answer

  14. Оформление стаьи (выбор тегов html5)

    Здравствуйте. Какие, по-вашему, правильно использовать теги при оформлении статьи, например параграфа из учебника? У меня получаетс как-то так. Может более подходящая структура существует. Я понимаю, что можно одними дивами всё "укатать" и понимаю, что для каждого своё понимание "подходящего". Spoiler <article> <h2>Глава 2. Анализ</h2> <section> <h3>2.1 Реализация</h3> <p> Содержание 2.1 .... </p> <h3>Упражнения</h3> <ol> <li></li> <!-- …

    Asked by Luca,

    0 votes
    0 answers

  15. Возник вопрос

    Здравствуйте! У меня есть поле scrollbar, туда надо вставить 2 гиперссылки, это возможно? Заранее спасибо! <p><textarea name="formtextarea1" rows="15" cols="85" readonly style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Адвокатская Палата является негосударственной некоммерческой организацией, основанной на обязательном членст…

    Asked by Тамрико,

    0 votes
    3 answers

  16. Наложить слой с PNG на фотографию.

    Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.

    Asked by blackmura,

    0 votes
    1 answer

  17. выпадающее меню.

    помогите плиз с выпадающим меню, нигде не могу найти информацию о таком, вот ссылка на сайт с таким меню, извините если не по правилам, не знаю как картинку вставить. http://laroshe.ru/ (там где выбрать бренд)

    Asked by dest113,

    0 votes
    1 answer

  18. Полосы прокрутки

    Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!

    Asked by tudor,

    0 votes
    1 answer

  19. Проблемы с вёрсткой

    Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?

    Asked by Sqwirl,

    0 votes
    1 answer

  20. Сообщение валидатора

    Поясните пожалуйста что надо изменить? Видимо где-то текст на сайте написан не UTF-8, а BOM-ом?

    Asked by Анна,

    0 votes
    2 answers

  21. Опера не понимает кодировки

    Зайдите на страничку http://сзош8.in.ua/qwerty.html через оперу и увидете только квадратики в остальные браузеры понимают все норм как это устранить? —————-- и кстати на всех остальных браузерах тоже самое

    Asked by T@NKIST,

    0 votes
    3 answers

  22. Уезжает логотип при смене изображения

    Сайт: http://zasonya-online.ru/ Движок: Битрикс Малый бизнес. Проблема: Уезжает логотип при смене разрешения экрана. 1600*900 - полет нормальный Остальные разрешения - лого уезжает вправо. <style type="text/css"> .block1 { height: 200px; float: left; margin-left: 17%; } </style> <div class="block1"> <div id="header" itemscope itemtype = "http://schema.org/LocalBusiness"> <div id="logo"><?$APPLICATION->IncludeComponent("bitrix:main.include", "template1", Array( "AREA_FILE_SHOW" => "file", // Показывать включаемую область "PATH" => SITE_DIR."include/company_logo.php", // Путь к файлу области ), fal…

    Asked by o1eg,

    0 votes
    0 answers

  23. Косяк в верстке

    Приходится подтирать за верстальщиком да вот только сам не могу понять где ошибка суть ошибки: http://lidersnab39.ru/pages/display/remont основной текст (контент) вылазит поверх, как должно быть думаю и так понятно. пока нет времени все переделывать.

    Asked by sympler,

    0 votes
    2 answers

  24. fixed и float

    Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>

    Asked by kuller,

    0 votes
    1 answer

  25. тег li

    Ребят напомните мне как выравнивать иконки в тэги li относительна к тексту? а то забыл

    Asked by Bismuth,

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