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://i042.radikal.ru/1108/7d/072d46e33d59.png . Пожалуйста помогите с этой проблемой. Рамки нужно сделать именно картинкой.

    Asked by arta,

    0 votes
    7 answers

  2. Проблема с версткой

    Здравствуйте, что-то не получается верстка, несложный макет.Шапка, левая и правая часть, левая часть в виде картинки фоном идет и должна быть прямо до верха, я ставлю position:absolute, для правой мне тоже нужно чтобы заходила на шапку я тоже поставил absolute, правильно ли я сделал? или можно как-то по-другому сделать? просто в шапке тоже стоит фон и поэтому мне надо чтобы на него залазили и левая часть и правая. И хотел спросить не по теме, конечно, но чтобы не создавать новую тему, я в фотошопе сохраняю картинку в png или jpg, НО в хроме, опере другой цвет, не понимаю в чем может быть проблема, не подскажете пожалуйста?

    Asked by Bingo,

    0 votes
    5 answers

  3. Проблема с версткой

    Народ помогите пожалуйста решить. Пытаюсь себе сайт сделать в HTML и CSS не очень пока Нужно выровнять корзину по краю. сам пытаюсь сдвинуть появляется полоса прокрутки внизу, т.е. сайт не влазит. Дальше блок с телефоном почему то перекрывает вкладку меню (Аксессуары не нажимается) и частично кнопку поиск. Поле поиск в опере и хроме отображается криво, в хроме нормально. Уже всю голову разломал себе. Может из-зи того что прописал absolute в этих блоках Готов отблагодарить 300 wmr вот скрин вот сайт Моя ссылка нужен такой вид примерно

    Asked by eralef,

    0 votes
    3 answers

  4. Проблема с версткой

    Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…

    Asked by veromi,

    0 votes
    8 answers

  5. Проблема с вёрсткой

    Здравствуйте!У меня странная проблема, с которой я раньше не сталкивался.В общем суть моей проблемы: разный просмотр страниц до авторизации и после! 1. До авторизации http://savepic.su/1394291.png 2. После авторизации http://savepic.su/1408627.png Вся проблема заключается в шапке сайта. HTML CSS

    Asked by KokoJumbA,

    0 votes
    5 answers

  6. Проблема с версткой

    Всем здравствуйте!У меня есть окно, в нем картинка. Нежно чтобы при изменении окна менялся размер картинки. При пропорциональном увеличении работает, а если сделать высоту намного меньше чем ширину то вылазит за рамки. Работать должно только в ie от 7. Всем заранее спасибо) Вот код: CSS * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } .parent { border: 1px solid #4080FF; b…

    Asked by assd18,

    0 votes
    0 answers

  7. Проблема с версткой

    Здравствуйте, подскажите как лучше сверстать такой макет? у меня все друг на друга налазит(( особенно меня интересует, как графику расположить в углу. :huh:/>/>/>

    Asked by Shteffy,

    0 votes
    3 answers

  8. Проблема с версткой

    Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="scripts/cufon-yui.js"></script> <script type="text/javascript" src="scripts/konkord.font.js"></script> <script type="text/j…

    Asked by mistadrumma,

    0 votes
    2 answers

  9. Проблема с версткой

    http://jsfiddle.net/3Y59X/7/ Существует ли какой способ прибить футер к низу? Очень важно что бы центр был резиновым, а левый столбец и хедер - фиксед.

    Asked by SLaVeRS9,

    0 votes
    7 answers

  10. Проблема с версткой

    Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?

    Asked by WEB-best,

    0 votes
    4 answers

  11. проблема с версткой

    основной блок : <div class="content"> <div><p> ОБЫЧНЫЙ ТЕКСТ</p></div> <div class="item-list"> <ul class="pager"> <li class="pager-current first"><span>1</span></li> <li class="pager-item"><a href="#" title="На страницу номер 2">2</a></li> <li class="pager-item"><a href="#" title="На страницу номер 3">3</a></li> <li class="pager-item"><a href="#" title="На страницу номер 4">4</a></li> </ul> </div></div> Есть основной блок,в него входит два блока,первый с обычным …

    Asked by xemni,

    0 votes
    2 answers

  12. Проблема с версткой

    Здравствуйте! Такая проблема - когда я щелкаю по картинке, чтобы ее увеличить во всех браузерах она открывается. http://mebel-market.today/mebel/gostinye/bolero Но в Explorer - нет... картинка меняется, но не увеличивается. В чем дело? http://mordovia-sutochno.ru/content/4-komn-posutochno-1 - на этом сайте тот же модуль работает без проблем. И открывается везде.

    Asked by 561144,

    0 votes
    0 answers

  13. Проблема с версткой

    Удалено

    Asked by LooGram,

    0 votes
    4 answers

  14. Проблема с версткой

    Добрый день. Столкнулся с проблемой верстки. Есть веб-форма (по сути диалоговое окно) следующего содержания - Заголовок - фиксирован по высоте и расположен сверху формы - Футтер - фиксирован по высоте и расположен снизу формы - Область дополнительных данных - располагается над футтером размер не фиксированный - при появлении нового элемента должна увеличиваться высота (полоса прокрутки не должна появляться). - Основной контент - внутри количество содержимого не определено заранее (динамически наполняется). Занимает оставшуюся площадь между заголовком и областью дополнительных даных. Должна появляться полоса прокрутки Как это выглядет графически - можно посмотреть …

    Asked by Amelin.Lev,

    0 votes
    2 answers

  15. Проблема с вёрсткой

    Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…

    Asked by ASD,

    0 votes
    1 answer

  16. Проблема с версткой - футер и общий макет

    Здравствуйте. Такая вот проблема. Сверстал макет сайта. Главная нормально, но при переходи на статью где мало инфы сай сокращяется и футер вместе с ним поднимается наверх. А если статья очень большая то половины новости выходит за сайт. Помогите, что делать? Сайт http://saleguitar.ru/ пример http://saleguitar.ru/main/1-post1.html

    Asked by Lakont,

    0 votes
    9 answers

  17. Проблема с вёрсткой CSS кнопок

    Есть такой сайт с двумя CSS стилями. Необходимо их объединить в один. Я это сделал, но у меня не хочет теперь отображатся цвет посещённой ссылки. Помогите решить проблемму. Ещё, по другому начал отображатся стиль при нажатии.

    Asked by and_zheltukhin,

    0 votes
    2 answers

  18. Проблема с версткой div'ов

    Всем доброго времени суток. У меня возникла проблема при верстке сайта: Сайт построен следующим образом: Таблица с тремя колонками, боковые по 200 пикселей и центральная занимает оставшееся пространство. В каждую колонку включен div, в котором идент настройка всех отступов, шрифтов и тому подобного. В первой колонке находится меню, в центральной основной текст, ну а в третьей всякая дополнительная информация. Проблема заключается в следующем: в центральной колонке обычно находится много теста и мне нужно сделать так, чтобы боковые колонки по высоте подстраивались под нее, как в таблицах. А если она по высоте меньше боковых колонок, то чтобы она подстраивалась под них. К…

    Asked by aPioz,

    0 votes
    8 answers

  19. Проблема с версткой в IE

    Добрый день! Пожалуйста помогите разобраться с проблемой в css для браузеров IE. Сайт корректно отображается в FIREFOX, OPERA, CROME а в IEXPLORER блоки налезают друг на друга.... верстка блочная, делал фрилансер которого сейчас уже не найти, поэтому надеюсь на вашу помощь. Вот ссылка на сайт - главная страница, блок новостей...

    Asked by maxpoker,

    0 votes
    12 answers

  20. Проблема с версткой в Opera 11

    Содержимое страниц с отелями на сайте kompas.webformula.pro неверно отображается в Опере 11. при этом в Опере 9, как и в отсальных браузерах все ок.

    Asked by e0d,

    0 votes
    0 answers

  21. Проблема с версткой в ИЕ

    Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }

    Asked by rolling,

    0 votes
    2 answers

  22. Проблема с версткой галереей

    Вот так должно быть http://s43.radikal.ru/i099/1406/7b/5531893bd306.png вот так вот у меня http://s020.radikal.ru/i723/1406/6c/6c09ddb600aa.png вот сам код http://jsfiddle.net/5qAuh/ - правда он тут как то изображается странно, ну да ладно проблема в том, как сделать чтобы контейнеры box шли друг за другом и если не вмещаются в контейнер все ровно шли друг за другом, чтобы потом можно было с помощью jquery сдвигать влево и вправо. подскажите, может я туплю и не вижу элементарного?

    Asked by WEB-best,

    0 votes
    12 answers

  23. проблема с версткой колонок 100% высоты

    стоит задача сделать макет без футера с 4 колонками 100% высоты. 3 из них фикс ширины, при их вертикальном перекрытии появляется линейка прокрутки, четвертая занимает 100% оставшегося места по ширине. Проблема с 4 колонкой, если там много текста - все ок, если другой элемент - он не занимает 100% ширины - пример http://test.grafru.ru/ Можно как-нибудь это исправить? Если задачу можно решить проще - подскажите пожалуйста как.

    Asked by likiweaks,

    0 votes
    3 answers

  24. Проблема с версткой макета

    Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…

    Asked by VJiK,

    0 votes
    37 answers

  25. Проблема с версткой макета

    Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.

    Asked by RuslanHeYca4ev,

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