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. float & ie6

    Приветствую всех, вот такая загвоздка. #cont {width:100%;} #left {float:left; width:100px; height:20px;} #center {margin:0 30px 0 100px; height:20px;} #right {float:right; width:30px; height:20px;} <div id="cont"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> в ie6 у div#center есть маленькие отступы по несколько пикселей справа и слева от div#right и div#left соответственно как с этим справится не подскажите?

    Asked by rutt,

    0 votes
    11 answers

  2. Несколько вопросов по вёрстке

    1. Как сделать сайт "фиксированным" (извините, подробнее не могу ибо не разбираюсь особо) чтобы div`ы не растягивались. 2. Как закруглить края у div`ов (вроде на сайте было где-то, но всё-же) 3. Как сделать ссылки так, что-бы они были в центре div`а но при этом стрелки были все ровно в ряд (на рис.) Код css Спасибо заранее.

    Asked by Temateee,

    0 votes
    1 answer

  3. стилизация полосы прокрутки

    Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?

    Asked by IPnex,

    0 votes
    2 answers

  4. Зараженный сайт

    Всем привет. Правду говорят что понедельник день тяжелый. Сегодня придя на работу и зашел на сайт _http://www.memory-market.ru/ (кто боится ругани оперы на то что сайт зараженный, не ходите) опера начала ругаться что сайт зараженный, хотя в пятницу все было нормально. Собственно вопрос, где искать ноги у етой проблемы? как можно это излечить и собственно по чему ето произошло?

    Asked by Torvin,

    0 votes
    2 answers

  5. проблема округления

    привет! знаю про проблему округления но как с ней воевать не знаю для опери !! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } .wrapper{…

    Asked by bot87,

    0 votes
    0 answers

  6. Хостинг для сайта "визитки"

    Привет всем Подскажите какой нибуть платный хостинг ( так сказать " провереный годами " ) на котором я могу с уверенностью разположить свой сайт Посколькую я в этом деле 0 , и никогда раньше сайты не размещал на хостингах ... разве что на ( бесплатных )

    Asked by MaferoK,

    0 votes
    4 answers

  7. Не появляется вертикальная прокрутка в IE

    У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код

    Asked by jumancy,

    0 votes
    3 answers

  8. Выравнивание дива по вертикали

    Добрый день! Есть проблема: CSS: #container { position: absolute; width: 99%; height: 99%; min-width: 780px; min-height: 580px; } #cell { position: relative; top: 50%; width: 700px; height: 400px; margin: -200px auto; } HTML: <div id="container"> <div id="cell"> </div> </div> При отрисовке этого дела, слой с ID="CELL" как положено всегда посередине родителя. В браузерах FireFox и Opera при масштабировании окна, родитель уменьшается до минимального предела, после чего перестает это делать. Соот-но его центр всегда в разумных пределах, и дочерний слой, выровненный по этому центру отображается нормально. А вот в Chrome и IE8 при…

    Asked by Mytis,

    0 votes
    12 answers

  9. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  10. Определение ширины

    Привет, уважаемые жители форума. У меня вот такой вопрос - а как вы определяете, будет страница непостоянной или фиксированной ширины? Можно ли это как-то определить по макету и если да, то как? И отсюда вопрос два - если макет все же с непостоянной шириной, то как вы определяете будет ли это резина(min-width/max-width/width -%) или гибкая разметка основанная на em?

    Asked by rookie,

    0 votes
    11 answers

  11. Выравнивание input относительно текста

    Как сделать выравнивание input относительно текста или текст относительно input вот здесь hxxp://svitelektro.com.ua/shvvp.html кривовато получается

    Asked by SKM,

    0 votes
    4 answers

  12. Плавающий тег

    Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.

    Asked by yujin11,

    0 votes
    2 answers

  13. размер сайта

    Добрый вечер, али день. Значит проблема такая: есть уже готовый сайт...нужно зделать так чтобы он при открытии автоматически подгонялся под размеры монитора (экрана нет бука или другого устройсва)....я уже пробовал делать резиновую верстку, заказчику не понравилось... может я что то не то делаю? я указывал всё в "%"...может быть есть другие способы добиться этого эффекта? уточню вопрос еще раз: нужно добиться чтобы сайт, при открытии не имел полос прокрутки, иными словами автоматически подгонялся под разрешение экрана (браузера). Заранее спасибо за ответ.

    Asked by lapsha,

    0 votes
    1 answer

  14. Карта yandex

    Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ru" /> <meta name="robots" content="index,follow" /> <title>Сантехника Петербург :: Контакты</title> <meta name="keywords" content="ванны акриловые,…

    Asked by slava03,

    0 votes
    6 answers

  15. Проблема с фоном.

    Доброго времени суток. Есть небольшая проблемка... Нужен фон в виде градиента, имеется изображение высотой 500рх и шириной 1рх. Нужно, чтобы оно растягивалось на всю область страницы. В данный момент, на короткой странице всё шоколадно, но если страница уходит за видимую область экрана, то на невидимую часть фон не тянется... Что не так? Страница с кодом: http://qui-qua.ru/12.html CSS: html, body { margin: 0; } #background { position: absolute; width: 100%; height: 100%; } #page { position: absolute; width: 100%; height: 100%; z-index:1; } P.S. Только не надо говорить про поиск... всё знаю, но всё не то...

    Asked by ShuRIk,

    0 votes
    6 answers

  16. Варианты применений стилей

    Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…

    Asked by yujin11,

    0 votes
    6 answers

  17. непонятный баг textarea под ie

    проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…

    Asked by maxipub,

    0 votes
    11 answers

  18. Проблема с отступами блоков

    Между блоком footer и блоками content,right нужен отступ в 100px. Но в IE 6 при увеличении текста в блоке content отступ примерно 56рх. <!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=utf-8"> <title></title> <!--[if lte IE 6]> <style type="text/css"> * html #wrap {width: expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');} </style> <![endif]--> <style type="text/css"> html, body { margin : 0; padding : 0; } body { font : 75% Arial, Helvet…

    Asked by andrecool,

    0 votes
    6 answers

  19. Переполнение

    Всем привет, не пойму в чем проблема http://celebration-place.com/new/blog, текс вылазит за границы. Спасибо за помощь! P.S word-wrap: break-word; помогает, но хотелось бы узнать, может в самом коде где ошибка

    Asked by rusmn,

    0 votes
    2 answers

  20. Запрет клика правой кнопкой по странице

    DELLETED

    Asked by stanislay007,

    0 votes
    7 answers

  21. Кнопка для сайта

    DELLETED

    Asked by stanislay007,

    0 votes
    3 answers

  22. Проблема с ссылками

    В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…

    Asked by Scorpio2011,

    0 votes
    6 answers

  23. Особенности резиновой верстки

    Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?

    Asked by web-monster,

    0 votes
    9 answers

  24. Убрать отступ

    Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.

    Asked by jokinglyaaa,

    0 votes
    6 answers

  25. Помогите подправить код .js

    Есть карта Італии на сайте auto-bazar.it . Принцип действия такой. Есть Изображение по умолчанию, /images/map-italy.jpg и 20 точно таких же изображений только с выделенным желтым цветом соответственного региона Италии. То есть при наведении на то место где расположен регион которому отвечают его координаты, подложка /images/map-italy.jpg заменяется изображение с подсвеченным регионом. Проблема в том что 20 изображений * 17 килобайт = 340 кб. Это не допустимо. Я в Java Script вообще не шарю. По изложенному коду пожалуйста подскажите как заставить его и возможно ли ето чтоб при наведении на любой регион выводилось изображение .png или .gif с прозрачностью, то есть только ка…

    Asked by Моряк Папай,

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