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. Прозрачность

    День добрый! Столкнулся с такой проблеммой. При создании прозрачного фона таблицы (80% опасити) в середину вставляю еще 1 таблицу, и вот внутрення (далее контент) так же прозрачная, хотя я ей не задаю параметров. Вобщем мне надо чтобы фон был прозрачным, а контент нет. Заранее спасибо #transp { - это фон background-color: #ffffff; opacity: 0.80; } #transp2 { - это контент clear: both; background-color: #ffffff; opacity: 1.0; } выходит так http://dakota.kiev.ua/articles/contacts.html

    Asked by Yarus$,

    0 votes
    27 answers

  2. Резиновая Верстка шапки

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111,

    0 votes
    18 answers

  3. разный размер шрифта в разных браузерах

    Привет, указываю конкретный размер шрифта, чтобы в браузерах всех отображался при печати одинаковым размером, ставлю в пикселах, в итоге - в ИЕ одно, в ФФ - другое, в Опере - третье. В чем соль? Каким значением нужно описать шрифт, чтобы он везде одинаковый был? в px, pt, em ??????

    Asked by fireXXX,

    0 votes
    11 answers

  4. Google Fonts, шрифт Roboto, проблема с кириллицей в не WebKit браузерах

    Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?

    Asked by Микель,

    0 votes
    2 answers

  5. Как div блок растянуть по высоте между двумя другими?

    Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …

    Asked by Elmirill,

    0 votes
    7 answers

  6. Как подключить slick-carousel в gulp

    Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего

    Asked by Czar_dmitriy,

    0 votes
    1 answer

  7. Ищу наставника :)

    Здравствуйте. Имею некоторый опыт верстки, очень и очень поверхностные знания по js, jquery, php немного получше. Хотелось бы найти человека, которому не лень было бы давать мне задания, с которыми я мог бы справляться за вечер-другой. Ну и проверка и указание ошибок тоже мне очень помогли бы. Если кто-то захочет выступить в роли наставника, буду очень рад. Для связи отписывайтесь в этой теме, а я отвечу вам лично, чтобы связаться уже помимо форума. Спасибо.

    Asked by Frey,

    0 votes
    48 answers

  8. Смена картинки svg при наведении курсора без задержки/альтернатива

    Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…

    Asked by Torawhite,

    0 votes
    9 answers

  9. перенаправление на другой сайт

    подскажите пожалуйста как можно перенправить с одного сайта на другой автоматически. ну вот например ввел человек адрес сайта ?1 , а оно его тут же перенаправило на сайт ?2. это нужно какой то скрипт ставить?? если да то поделитесь скриптом плиз!!! ну очень нужно ... зарание благодарен за помощь

    Asked by Kos87,

    0 votes
    7 answers

  10. Не Могу Правильно Разместить Блоки

    Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …

    Asked by c0d3r,

    0 votes
    45 answers

  11. звуки на сайте

    Как добавить звук на сайт?

    Asked by CRANK,

    0 votes
    20 answers

  12. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9,

    0 votes
    12 answers

  13. Мои вопросы

    Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?

    Asked by extrabass4,

    0 votes
    52 answers

  14. Верстка DIVами

    Вот, думал будет легко сверстать на дивах, ан нет, в разных браузерах все по разному. В основном футер едет вниз (его контент тянет по высоте), а левый и правый блоки не тянутся вместе с контентом. Если контент определенной высоты, то проблем вроде как и нет, но стоит его объем увеличить, (тоесть он тянется по высоте) - то сразу лезут косяки. HTML: <body> <div id="top_bg"> <div id="shapka_left"><img src="shapka_left.jpg" usemap="#Map" alt=""></div> <div id="shapka_right"><img src="shapka_right.jpg"></div> </div> <div id="top_nav"></div> <div id="speiser"><img src="speiser.gif" height="5px" width="…

    Asked by rus,

    0 votes
    12 answers

  15. Отступ сверху таблицы.

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в IE, и в лисичке. В чём может быть проблема? <table border="5" bgcolor="#FFA000" align="center"> <tr> <th></th> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> <tr> <th>1</th> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></…

    Asked by Kadett,

    0 votes
    7 answers

  16. Можно ли запрограммировать на css поведение блоков как на приложенном видео?

    Логика изменения блоков на видео мне не вполне понятна. Можно ли это запрограммировать на css, не задавая отдельные стили для каждой ширины окна и для каждого количества блоков? bandicam 2023-08-20 21-35-45-303.mp4

    Asked by Grani,

    0 votes
    1 answer

  17. Появление блоков по очереди

    Всем доброго времени суток, я на ткнулся на сайт http://zolotonazakaz.ru/ , и мне очень понравился абзац "От эскиза до готового произведения искусства" Так появление "Шагов" Очень интересно сделано подскажите как это сделать? Во первых появление Во вторых как сделано что оно появляется после того как я проворачиваю сайт ниже.

    Asked by Cocaine,

    0 votes
    2 answers

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

    Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

    Asked by Гайдамак,

    0 votes
    7 answers

  19. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar,

    0 votes
    5 answers

  20. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy,

    0 votes
    2 answers

  21. Длинные слова растягивают td

    Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…

    Asked by prowoke,

    0 votes
    11 answers

  22. Как задать разные css для каждого option в select

    Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

    Asked by Daiver,

    0 votes
    10 answers

  23. CSS - как вставить в background три разные картинки

    Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

    Asked by k-prutkoff,

    0 votes
    13 answers

  24. hover у ссылки сменой фона в ИЕ6

    В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; ma…

    Asked by Mary_RND,

    0 votes
    27 answers

  25. Наложение нескольких фоновых изображений

    Добрый день! Столкнулся с проблемой наложения нескольких фоновых изображений, а именно четырех. Вот как я задумал их разместить: 1-е изображение в верхнем левом углу привязано к левому краю и не повторяется; 2-е изображение в верхнем правом углу привязано к правому краю и не повторяется; 3-е изображение привязано к верху страницы, должно находится под 1-м и 2-м изображением и повторятся по горизонтали; 4-е изображение опущено на 700px вниз и повторяется по горизонтали; Ответ на форумах пока не нашел, а своими силами не получается. Одно изображение перекрывает другое. Только смог разместить 2 фона. Заранее спасибо!

    Asked by tribestan,

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