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

29,542 questions in this forum

  1. Бутстрап - проблема с меню

    Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

    Asked by Zverushka,

    0 votes
    26 answers

  2. HTML,CSS?: фиксированные тени сбоку от содержания стр.

    Здравствуйте всем! Есть сложная задача - собрать html-страничку так, чтобы внутренняя часть двигалась, сбоку были как бы тени - зафиксированные картинки (position:fixed) по бокам от основного контента и основной градиентный фон (направление сверху вниз, position - тоже fixed). Итого 3 части: 1. Контент (двигается). 2. Сбоку от контента - узкие изображения "теней контента" (не перемещаются с ползунком). 3. фон (градиент: сверху - вниз), тоже фиксированный. Что не получается: прикрепить к контенту(центральной части) зафиксированные изображения теней контента слева и справа. Помогите кто может!!! Образец: http://www.djtafa.com/images/образец.jpg

    Asked by e-partner,

    0 votes
    13 answers

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

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

    Asked by Cocaine,

    0 votes
    2 answers

  4. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

    Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

    Asked by VeraVostro,

    0 votes
    11 answers

  5. Обтекание в CSS

    Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…

    Asked by tonik_spb,

    0 votes
    17 answers

  6. Наложение flex элементов друг на друга

    Приветствую, не судите пожалуйста строго, я начинающий верстальщик, итак, при вёрстке сайта столкнулся с проблемой, имеется изображение поверх надо наложить пару flex элементов, но ни как не получается, они вытесняют друг друга, margin и background использовать нельзя, изображение обязательно должно быть в теге img а блок контейнер резиновый т.е. без указания абсолютных величин, одним словом должно получиться так как на картинке.

    Asked by Махардзе Иосиф,

    0 votes
    5 answers

  7. Перенос слов с разрывом

    А как можно сделать перенос (с разрывом слов) чтобы ячеки таблицы не раздвигались если там будут длинные слова?

    Asked by Mantikore,

    0 votes
    9 answers

  8. frD-Смещение фонового изображение в body в FF и Opera

    Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).

    Asked by Asato,

    0 votes
    13 answers

  9. Несколько классов у одного тега, и его индивидуальность.

    В шаблоне есть меню созданное на основе тегов ul li, которое растянуто горизонтально с помощью float:left. По желанию заказчика каждая кнопка должна обрамлятся скругленными углами. Соответственно в данном случае нельзя сделать "резиновость" этих кнопок, и остается только вручную каждой кнопке задать индивидуальный фон. И у меня это прекрасно получилось. Jommla по умолчанию присваивает каждому пункту меню уникальный идентификатор, этим я и воспользовался что бы создать это обрамление. Сложность состоит в том, что заказчик хочет что бы активный пункт меню выделялся другим фоном (по умолчанию кнопка черная, при активности становится оранжевой), и джумла умеет в коде отделя…

    Asked by TheKIP,

    0 votes
    9 answers

  10. Нужна ваша помощь

    Пожалуйста, уважаемые верстальщики, у кого на полке пылятся PSD макеты,(выполненные заказы и т д ) подарите их мне) Я бы их потихоньку верстал и набирался опыта После выполнения сам psd я уничтожу (сожгу, съем) в сеть естественно выкладывать не буду. Также не беспокойтесь что буду доставать вопросами типа "А как это сделать?" (Хотя, если у вас есть желание могу показать вам готовую работу для оценки) Взамен могу вам предложить бесплатную помощь в верстке, правда я только начинаю верстать, так что после меня надо будет переделывать, возможно. Перечитал кучу книг, пересмотрел кучу разных видео уроков по верстке. Теперь надо побольше практики Сверстал один макет, скачанный …

    Asked by Kenny,

    0 votes
    47 answers

  11. нужно ли учить атрибуты тегов

    Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.

    Asked by amuller,

    0 votes
    9 answers

  12. Шрифт: BebasNeueRegular - Есть ли кириллический аналог?

    Шрифт: BebasNeueRegular - Есть ли кириллический аналог? Демо: joomla16-templates.joomlart.com Заголовки: Categories Quam dolor in nisl eleifend В кириллице совсем уж убого смотрятся (слишком широкие буквы): Есть варианты на какой шрифт можно заменить (слишком широкие буквы)?

    Asked by Mihanja80,

    0 votes
    4 answers

  13. Хром и Опера не понимает Якорь

    Имеем ссылку Моя ссылка В эксплорере при переходе по якорям никаких проблем нет В Хроме и Опере не работает.. Пробовал перед # ставить /.. не помогает.. Я прям в ступоре.

    Asked by veromi,

    0 votes
    5 answers

  14. ширина Input внутри div

    Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!

    Asked by jetli13,

    0 votes
    12 answers

  15. Длинные слова растягивают 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

  16. прокрутка (Scrollbar) в DIV'e

    есть DIV <div style="overflow:auto; width=90%;height:1500px;background:#C6F9CD;"> <table cellpadding="10"> ..... </table> </div> в н?м широкая таблица и внизу области div'a появляется скролл (так и надо). можно сделать этот горизонтальный скролл ВВЕРХУ Div'овской области?

    Asked by optik77,

    0 votes
    6 answers

  17. фоновая музыка на сайте

    Как сделать так чтобы на сайте играла фоном музыка НО при переходе на другю страницу она продолжала играть а не начинала играть трек заново ?

    Asked by fatality,

    0 votes
    21 answers

  18. Обтекание дива текстом

    Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?

    Asked by denisator,

    0 votes
    21 answers

  19. Верстка 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

  20. div-ы, position:absolute,центровка по вертикале

    Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.

    Asked by slam_jack,

    0 votes
    4 answers

  21. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

    Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

    Asked by Качан Капусты,

    0 votes
    1 answer

  22. Как сверстать такой шестиугольник плавный ?

    Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.

    Asked by Alexej,

    0 votes
    5 answers

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

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

    Asked by tribestan,

    0 votes
    13 answers

  24. Safari background repeat bug

    У Сафари есть есть баг, связанный с неполной поддержкой background-position. То есть не работает отступ, заданный в пикселях: Код: background:url(../img/bg/image-repeat.gif) repeat-x 0px 28px; Фон начинается с нулевой позиции. Есть решение для неповторяющихся картинок: http://creativebits.org/webdev/safari_back..._repeat_bug_fix Но для повторяющихся изображений, как в моем случае - решений пока не найдено. Вопрос - как обойти этот баг для повторяющихся картинок? Вставлять прозрачный фрагмент - не подойдет, так как этот фрагмент будет повторяться. Заранее спасибо

    Asked by strix,

    0 votes
    5 answers

  25. Смена картинки 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
×
×
  • 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