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. верстка горизонтального меню

    Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!

    Asked by adax,

    0 votes
    3 answers

  2. Управлениие всеми ячейками таблицы через класс в table

    Добрый вечер! Есть такая табличка с ценами: <table border="0" cellpadding="0" cellspacing="0" class="ceny"> <tr> <td>Описание1</td> <td>метр</td> <td>100 руб.</td> </tr> <tr> <td>Описание2</td> <td>метр</td> <td style="font-size:16px; color:green;">200 руб.</td> </tr> <tr> <td>Описание3</td> <td>метр</td> <td style="font-size:16px; color:green;">300 руб.</td> </tr> </table> В каждой третьей ячейке строки есть цена, видно из таблицы что я хочу изменять размер шрифта и цвет цены таким образом styl…

    Asked by bosega,

    0 votes
    2 answers

  3. видео

    подскажите, есть ряд роликов в формате *.f4v кто как вставляет в страницу для просмотра?

    Asked by sc@r@bey,

    0 votes
    13 answers

  4. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker,

    0 votes
    26 answers

  5. Не прижимается футер

    Никак не пойму, почему футер не прижимается, вроде бы применяю относительное позиционирование и отрицательный отступ, но все равно откуда то появляется белое пространство под футером. В чем может быть дело? Вот ссылка на страницу перейти

    Asked by rilada,

    0 votes
    5 answers

  6. отступы

    не получается подогнять отступы в верху и в низу левого сайдбара чтобы был одинаковый отступ с верху и снизу вот пример http://jsfiddle.net/Actticus/Gr5TV/ есть отступ с верху но не правильный а вот отступ с низу но тогда не могу сделать с верху http://jsfiddle.net/Actticus/Fwhwa/ нужно чтобы с верху и снизу был отступ равный 4 em помогите только начал изучать верстку и сразу в бой=)

    Asked by Actticus,

    0 votes
    0 answers

  7. Помощь с дизайном

    http://meeta.ucoz.ru/666.png - это скрин сайта, в тэг не закрыл, так как разширение слишком большое. Всем доброго времени суток. Столкнулся с одной проблемой в IE9, поставил меню на jquery & css, во всех браузерах работает нормально, стоит там где нужно, только в ИЕ9 проблема, что видно на рисунке. Вот CSS код: ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 266px; left: -115px; list-style: none; z-index:9999; } ul#navigation li { width: 100px; } ul#navigation li a { display: block; margin-left: -2px; width: 250px; height: 50px; background-color:#ff3c00; background-repeat:no-repeat; background-position:center right; border:2px dotted …

    Asked by ven000mus,

    0 votes
    12 answers

  8. Копирайты

    В общем, копирайты я с помощью позицианирования поставил внизу, но когда начинаю позиционировать сайт(уменьшать), то копирайты отрываются от низа. что делать? p.s. И ещё, есть меню, сделал таблицей. Оно в верху сайта, строкой.(на самом верху). Прописал width: 100%;. меню растянулось, но остались зазоры, (по бокам, и сверху.) как исправить?

    Asked by Melki21,

    0 votes
    6 answers

  9. Резиновая блочная верстка. Проблема с позицианированием div

    Здравствуйте. Давно уже ничего не верстал. Лет пять как минимум и встала необходимость за неделю все вспомнить. Проблема возникла с div блоками (из которых все и составляется). Толком я сам не могу понять в чем причина, иначе возможно нашел бы решение. Вот страница http://images.km.ru/test/index.html , вот css http://images.km.ru/test/index.css Смысл в том, что мне нужно сделать резиновый блок, который будет расширятся по вертикали в зависимости от наполнения. Блок этот составлен из div элементов (верх, низ, право-лево), а внутри уже само наполнение. Проблема в боковых границах (#bd_lt и #bd_rt). Насколько я понял длинна ориентируется по правой колонке с наполнением (#rt_…

    Asked by DukeBJ,

    0 votes
    1 answer

  10. Верстка под iphone

    Ширина сайта - 960px. iPhone неправильно масштабирует блоки - ровняет их по ширине экрана, то есть без соблюдения пропорций. В итоге в шапке все разъезжается. Пробовал несколько раз переверстывать - все равно растягивает блоки по ширине экрана. Как с этим бороться? Есть ли эмуляторы браузера iPhone? В SDK вроде эмулятора браузера нет, а те что я нашел сильно отличаются от реальности.

    Asked by SEObomj,

    0 votes
    3 answers

  11. Пара скругленных углов

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

    Asked by Goldie,

    0 votes
    8 answers

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

    Здравствуйте, проблема в следующем. Есть отдельный фон для хедера, контента и футера. У всех разные цвета. Нужно сделать так, чтобы фоны для них были по всей ширине экрана, все объекты сайта находились в центре. минимальная ширина 1000рх. Пробовал марджин 0 авто - не помогает. Как быть?

    Asked by pashtetina,

    0 votes
    2 answers

  13. Как протестировать сайт на ИЕ6 онлайн?

    Есть ли возможность протестировать сайт (онлайн), работает ли в ИЕ6 (и др.)?

    Asked by copyright,

    0 votes
    5 answers

  14. Почему не работает repeat

    Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.

    Asked by Ritter,

    0 votes
    4 answers

  15. Кроссбраузерный @font-face

    @font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.

    Asked by dprzrv,

    0 votes
    3 answers

  16. "Резиновая" картинка во весь экран как фон и позиционирование элементов

    Всем привет! Есть макет, на котором в виде фона - картинка во весь экран (т.е. она тянется во все стороны вместе с браузером). Есть задача расположить относительно этой картинки элементы так, что б они все время были на одом месте. Т.е. проще говоря, на картинке есть дорога, по краям тротуар. Так вот на этом тротуаре по обоим частям дороги надо расположить столбы, но что б при изменении размеров браузера они не меняли своего места относительно этого тротуара Немного сумбурно объяснил, но надеюсь, что суть понятна Как такое реализовать ? Фиксированные координаты исупользовать точно не получится, проценты тоже врятли спасут. Что делать ? Очень нужны ваши советы!

    Asked by lolka84,

    0 votes
    6 answers

  17. Уехала страница в лисе

    Народ выручите. В Мазиле страницы вправо уехали. Уже, что только не пробовал. В других браузерах норм. Моя ссылка Даже не представляю в каком файле править Причем уезжают страницы только VIRTUEMART Обычные страницы на месте Моя ссылка

    Asked by eralef,

    0 votes
    3 answers

  18. Помогите решить простую задачу

    Нужно сделать простенькую табличку с несколькими ячейками. Хотелось бы его сделать на дивах.. Какая-то хрень выходит, причем в разных браузерах выглядит по разному... Подскажите где косяк? <style> /* Задаю границы по ширине, центральное выравнивание, бордюр */ .otziv{width:750px; margin: 0 auto; padding:0; border: 1px solid #feb735; background-color:#222;} /* Левая верхняя ячейка */ .author_otziv{width: 599px; height:25px ;position: relative; float: left; border-bottom:1px solid #feb735;} /* Правая верхняя ячейка */ .date_otziv{width:150px;height:25px ; position: relative; float: right; border-bottom:1px solid #feb735; border-left:1px solid #feb735; } /* Прав…

    Asked by veromi,

    0 votes
    11 answers

  19. Вопрос о выравнивании

    Возник такой вопрос: У нас есть див, и в нем 5 строковых элементов(точнее inline-block). Как сделать чтобы пятый прижимался к правому краю всего дива? Я так понимаю оч просто: text-align:right; но как это прописать с помощью CSS только для пятого элемента?

    Asked by fragilewelldone,

    0 votes
    5 answers

  20. Работа со списками

    Здравствуйте.Подскажите пожалуйста как можно сделать вот такой список: 1.Элемент А 2.Элемент Б Элемент Б.1 Элемент Б.2 3.Элемент В Заранее спасибо.

    Asked by Ferma,

    0 votes
    12 answers

  21. Вопросик по CSS3

    Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди …

    Asked by Spamol,

    0 votes
    10 answers

  22. Переход ВВЕРХ-ВНИЗ

    Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…

    Asked by Dayks,

    0 votes
    2 answers

  23. margin: 0 auto; — Google Chrome

    Есть body с фоном, поверх - div с фоном. body { background: #0a0702 url(images/bgr.jpg) top center no-repeat; } .page_elem_main { margin: 20px auto 0 auto; text-align: left; width: 950px; overflow: hidden; background: url(images/img_02.jpg) top center repeat-y; } Стандартная схема. Все замечательно работает во всех браузерах... кроме Хрома. В нем, если уменьшать по ширине размер окна, то выравнивание фона и блока по центру происходит не одинаково, а на каждом четном размере ширины окна все работает нормально, а на каждом нечетном - получается разница в 1 пиксель. Как быть? Картинка

    Asked by zmachine,

    0 votes
    2 answers

  24. Помогите разобраться с float

    Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.

    Asked by web_body,

    0 votes
    5 answers

  25. всплывающее окно

    Есть ли javascript или варианты с фреймами для создания всплывающего окошка при нажатии на ссылку в одном и том же окне? Как на сайте http://lowenbrau.ru/?

    Asked by laird,

    0 votes
    5 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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