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. Помогите сделать резиновый шаблон

    Уважаемы специалисты! У меня есть шаблон "статичной" страницы, а мне просто необходимо сделать "резиновый" дизайн этой страницы - чтобы изменялся center. Если ставить 100% на .all и на .center, то все к чертям скатывается <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Дивовый дизайн</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <style> .all { width:900px; margin:auto; text-align:center; } .header { border:1px solid #666666; ma…

    Asked by Soniclord,

    0 votes
    4 answers

  2. Футер. Как убрать отступ в ИЕ6?

    Собственно, верстал страницу, из 2х блоков Основного (container) и Футера (underline_container). Необходимо, чтобы при большом Основном блоке футер лежал под ним и появлялся на странице скролл, а в случае, когда Основной блок меньше высоты экрана, футер прижимался бы к низу экрана. Код, который я написал работает во всех браузерах, кроме ИЕ6, в н?м после футера появляется отступ равный по величине самому футеру. Как его победить? Заранее благодарен всем ответившим. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="style…

    Asked by SIC,

    0 votes
    5 answers

  3. Верстка вложенными таблицами

    У меня вопрос про верстку таблицами. Почему при верстке таблицами вкладывают одну или несколько таблиц в другую. Разве это как то влияет на их отображение?

    Asked by alex72,

    0 votes
    12 answers

  4. Наследование стилей.

    :/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>

    Asked by Gatanoa,

    0 votes
    5 answers

  5. Прокрутка внутри ячейки

    Добрый день. Такая проблема. Есть таблица. Содержимое одной из ячеек прокручивается скролом. Это сделано на JS. Но так как у некоторых JS блокируется, сайт воспроизводится не везде правильно. Как сделать то же самое на CSS? Заранее благодарю.

    Asked by Chebas,

    0 votes
    5 answers

  6. Select option добавить тег

    Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?

    Asked by sergio_ktt,

    0 votes
    9 answers

  7. Границы

    Как-то вот сразу два вопроса возникло (точнее актуализировалось). Спасибо, если поможете мне разобраться) Вопрос #1. Есть background-clip и background-origin. Можно по-простому как-нибудь или просто подробнее, в чём разница-то? И ещё, я так понимаю влияние оказывается исключительно на отображение фона? На размеры границ и отступов и их логику не влияет, да? Вопрос #2. Вот, частенько сталкивался — а, ведь, опыт у меня мизерный, ужасающе мизерный — с проблемой определения ширины border в резиновой вёрстки. И чо-то как-то и не помню как решал эти проблемы, по-моему это было не совсем правильно и просто по-другому строилась вёрстка. Интересно услышать ваши варианты выхода и…

    Asked by alexandr_v-vich,

    0 votes
    29 answers

  8. Статичная высота ячеек

    Имеется таблица: задача сделать так, чтобы при увеличении высоты ячейки 2Е,высота ячеек 1А,1В,1С не изменялась, изменялась тольо высота ячейки 1D. Как это возможно?

    Asked by AKstoAK,

    0 votes
    1 answer

  9. Как переделать многостраничный документ Word в html?

    А не подскажете, как можно попроще переделать многостраничный документ Word в html, так, чтобы каждая страница стала отдельной html-страницей? Спасибо.

    Asked by attalib,

    0 votes
    5 answers

  10. Вжатая и отжатая кнопки

    Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.

    Asked by alleclf,

    0 votes
    2 answers

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

    Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…

    Asked by dfg,

    0 votes
    3 answers

  12. По одной ссылки два результата

    Имеется файл с двумя фреймами ROWS. Необходимо сделать так, чтобы при нажатии на ссылку в нижнем фрейме произошел переход на другую страницу например на 1.html и одновременно переход на страницу например 2.html в верхем фрейме. Как это организовать не изменяя тега <a> ?

    Asked by TAILER,

    0 votes
    10 answers

  13. Размер в зависимости от разрешения

    Здраствуйте, Может можете помочь? Вопрос: Как сделать так, что бы на разных машинах, с разным разрешением сайт выглядел одинаково. То есть, что бы размер объекта менялся в зависимости от разрешения. Ситуация: в страничку вставлен флаш ролик. А вот и код: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="400"> <param name="movie" value="index.swf"> <param name=quality value=high> <embed src="index.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type=…

    Asked by serhiox,

    0 votes
    6 answers

  14. Центрирование картинки произвольного размера в блоке фиксированного размера

    На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…

    Asked by maxmaster,

    0 votes
    4 answers

  15. Ищу красивое решение

    Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…

    Asked by HUNTERxp,

    0 votes
    10 answers

  16. Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?

    Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…

    Asked by Drunk_Monkey,

    0 votes
    1 answer

  17. Появление окошка навигации

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

    Asked by Vlad111,

    0 votes
    9 answers

  18. Фиксация заголовка таблицы от прокрутки

    Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…

    Asked by rgl,

    0 votes
    3 answers

  19. Проблема с Flex

    Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

    Asked by John106,

    0 votes
    5 answers

  20. Вместо Open Sans Condensed браузер рендерит системный шрифт

    Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?

    Asked by vkapas,

    0 votes
    2 answers

  21. Курсор при наведении на картинку-ссылку

    Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…

    Asked by Online,

    0 votes
    1 answer

  22. Неправильное отображение сайта в разных браузерах.

    Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px;…

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  23. Проявить бблоки по ссылки

    Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!

    Asked by inweb,

    0 votes
    4 answers

  24. Народ поможите плиз!

    не могу разобраться почему в i. explorer - все разъезжаеться. сайт www.v-otpusk.com. Во всех других браузерах сайт работает корректно.

    Asked by fishpunk,

    0 votes
    11 answers

  25. полупрозрачный блок

    как можно сделать, чтобы блок был полупрозрачным или как бызатуманенным? хочу выделить область в div и придать ей свойства, чтобы она была полувидима. http://nhjugfbd.at.tut.by/opacity.htm

    Asked by Rilo,

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