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. Не отображаются картинки и css

    Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…

    Asked by in9emix,

    0 votes
    3 answers

  2. Картинка для ссылки

    Здравствуйте! Проблема следующая, хочу сделать так, чтобы картинка в виде стрелочки появлялась возле активной ссылки. Но при добавлении картинки она накладывается на ссылку Вот CSS данного меню /* Категории раздела */ a.catName {font:bold 16px Arial, Helvetica, sans-serif; padding:10px; margin:0;} /* оформление ссылок(шрифт,размер,отступы) */ a.catName:link {text-decoration:none; color:#232323;}/* оформление ссылок, которые еще не посещались пользователем */ a.catName:visited {text-decoration:none; color:#232323;}/* оформление ссылок, которые посещались пользователем */ a.catName:hover {text-decoration:none; color:#89c631;}/* стиль элемента при наведении на него курсора *…

    Asked by lion228,

    0 votes
    4 answers

  3. Убрать увеличение длины элемента при увеличении font-weight

    имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

    Asked by pav8909,

    0 votes
    4 answers

  4. Вопрос о свойстве text-shadow

    Здравствуйте, Вот такой макет я хочу сверстать: С горем пополам "похожести" с исходной картинкой мне удалось добиться, но есть куда расти. Подскажите пожалуйста, как добавить немного тени для заголовка (Lorem ipsum dolor), но только с одной стороны надписи. Я хотел использовать свойство text-shadow, но требуемого результата не получил. PS: Буду благодарен за комментарии и советы.

    Asked by pvk,

    0 votes
    7 answers

  5. Размер содержимого=высота блоков

    Помогите исправить! На странице http://zav.ucoz.net/index/0-21 высота среднего блока=высота правого и левого блоков. Нужно чтоб высота среднего блока = по самому содержимому этого блока. На любой другой странице эта прогблема не замечается. Как быть?

    Asked by and_zheltukhin,

    0 votes
    1 answer

  6. Проблема с a:hover img

    Добрый день. Я, по сути, начинающий верстальщий, но сегодня столкнулся такой проблемой. Заказчик попросил что бы при наведении на ссылку у нее изменялся бекфон. Когда прописал соответствующий стиль, появилась проблема с ссылочными изображениями с прозрачным фоном. Если навести на них мышкой, фон изображения тоже меняется. В общем какие варианты я не пробовал, без результатно. Хочу попросить помощи у опытных верстальщиков. Код примера привожу ниже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Standart//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> a, a:active, a:link…

    Asked by Sergikus,

    0 votes
    5 answers

  7. Высота блока 100% высоты родителя

    Добрый день! Нужен макет сайта, с высотой и шириной 100%. Хэдер и Футер(прижат к низу окна) с фиксированной высотой 100px, а Центр - остаток высоты документа (height: 100%). Центр "разбит на две колонки, так, что бы они имели высоту 100% от родителя, тоесть от Центра. У меня в принципе получилось. Тоесть, в FF и Chrome отображается так, как мне и нужно (Высота сайта равна высоте окна, и не выезжает за ее пределы), а вот Opera почему то Центру применяет высоту 100% не от родителя, а от всего документа. (Как отобразиться в IE и других браузерах - не важно. Главное что бы на этих трех было правильно) Почему так? И как исправить это безобразие? Chrome сделал все правильно: …

    Asked by trulave,

    0 votes
    7 answers

  8. Как интегрировать

    Как интегрировать шаблон в Битрикс? Где там вообще HTML? Как верстать? Один php показывает

    Asked by Imperil,

    0 votes
    1 answer

  9. В IE7 блок с динамической шириной, выровненный по центру,

    Нужно сделать блок с динамической шириной, выровненный по центру, который не растягивался бы на всю доступную ширину, потому что у этого блока есть бекграунд (уголки и фон). Блок расширяется вложенным контентом, а именно - горизонтальным меню. Сделал так, работает везде кроме ишаков от семерки и ниже: CSS: #wrapper{ text-align:center; } #menu{ display:inline-block; background:url(../images/menubg.png) repeat-x; } #menuleftcorner{ background:url(../images/menuleftcorner.png) no-repeat left; } #menurightcorner{ background:url(../images/menurightcorner.png) no-repeat right; } HTML <div id="wrapper"> <div id="menu"> <div id="menuleftcorner"> <div id=…

    Asked by Squidward,

    0 votes
    0 answers

  10. Проблема со стилями при переносе сайта с narod.ru

    Проехали.

    Asked by zxls,

    0 votes
    0 answers

  11. Полуовал

    Здравствуйте! необходимо сделать такую форму, желательно на css3. пробовал сделать c border-radius но, результат получался не совсем желаемым.

    Asked by ArtDesire,

    0 votes
    2 answers

  12. Наложение полупрозрачного треугольника на изображение

    Здравствуйте. Подскажите пожалуйста идеи как создать вот такой полу-прозрачный треугольник в левом верхнем углу. От середины левой стороны картинки к верхнему правом углу. Размеры исходного блока с фотографией не постоянны. -- Забыл добавить, что требуется поддержка только современных броузеров на базе webkit и не поддерживать пережитки прошлого.

    Asked by pvk,

    0 votes
    26 answers

  13. Чать русских букв выводиться нормально а другая ?

    абвгдеёжзийклмноп???????????????я - нужна помощь знатоков !!! (Используемый язык PHP,MySQL,PDO,Smarty) Пробовала все файлы php-ые кодировать в UTF-8(без BOM)... но увы не помогло !!! Так же в файле htaccess есть строка явной кодировки PHP_VALUE default_charset utf-8 В index.php присутствует строки локализации : header('Content-type:text/plain; charset=utf-8'); setlocale(LC_ALL, 'ru_RU.utf-8', 'rus_RUS.utf8', 'Russian_Russia.utf-8', 'Russian_Russia.utf8', 'Russian_Russia.65001'); ClickW,

    Asked by ClickW,

    0 votes
    5 answers

  14. При выставлении паддинга движется слой.

    Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно

    Asked by skygazer,

    0 votes
    8 answers

  15. IE6 и списки

    Здравствуйте. Уже несколько дней борюсь з проблемой вывода списка в одну строку в IE6. Список должен иметь вид: <ul> <li> <img1> Text1 Text2 </li> <li> <img3> Text1 Text2 </li> ... </ul> Когда вывожу только изображения, то все без проблем. Дойдя до края страницы они продолжаются с новой строки, но когда додаю текст с права от изображения, желание у IE6 продолжать с новой строки пропадает. Вот что получается: В других браузерах все отлично

    Asked by Alex&R,

    0 votes
    0 answers

  16. Помогите определить в чем проблема

    Добрый день У меня такая проблема: если я добавляю к тексту тег <a href> то текст исчезает,но ссылка создается, т.е текст не видно,а нажав в той области перейти по ссылке можно. не могу понять в чем дело,помогите,может кто знает в чем проблема??? в стиле прописано: div#img3 { width:369px; height: 325px; background: url(images/img3.png) repeat-y; float:right; } a { color: #e1bd2b; text-decoration: none; } a:hover, a:active { text-decoration: underline; }

    Asked by 2-tone,

    0 votes
    5 answers

  17. Баг с background-position в FF 9.0.1

    <html> <head></head> <style> .bug { background: url("loading.png") repeat 10000px 100000px; height: 800px; width: 800px; } .normal { background: url("loading.png") repeat 10000px 10000px; height: 800px; width: 800px; } </style> <body> <div class="bug"> </div> <div class="normal"> </div> </body> <html> картинка "loading.png": Так вот, в FF 9 в нижнем диве все нормально, картинка в background отображается, а в верхнем- нет. В чем проблема, как решить? Во всех остальных браузерах проблемы такой нету.

    Asked by Odrin,

    0 votes
    4 answers

  18. Разные картинки для каждой ссылки

    Думал реализовать следующее в виде спрайта, но думаю не получится. Мне нужно сделать такой блок: по умолчанию картинка-ссылка на разделы одна. При наведении мыши на ссылку второго раздела (Машина 2), появляется другая картинка-ссылка, при наведении на третий раздел, следующая ссылка-картинка и т. д.

    Asked by aizul,

    0 votes
    3 answers

  19. Размещение рисунка

    Здравствуйте всем. У меня вопрос на первій взгляд очень простой: мне нужно разместить три рисунка в модуле для джумла посреди блока. На первій взгляд довольно простое задание, но теги <center></center> не работают. С того что знаю о цсс: сделать стиль <div style="text-align: center"></div> тоже не подходит. Ничего не происходит. Некоторіе класі цсс так и не нашел в папке модуля и сайта вцелом. Не знаю даже куда ріть. Может кто подскажет направление хоть? Вот сайт. Изображения - три сертификата зумера.

    Asked by xunicorn,

    0 votes
    1 answer

  20. DIV 100% в таблице

    Имеется вот такая таблица, внутри div контент разного размера. Можно ли заставить div растягиваться по высоте на 100% без использования JS? <table> <tr> <td><div>...</div></td> <td><div>...</div></td> <td><div>...</div></td> </tr> </table>

    Asked by PlutDem,

    0 votes
    3 answers

  21. Тестирвание сайта в разных браузерах

    После тестирования сайта, появились некоторые проблемы в версиях браузеров 3-4 летней давности. Например в Opera 9.60 и Firefox 3.6.10 не корректно отображаются размеры шрифтов, в IE 6 не корректно отображаются картинки png. Стоит ли делать правки под эти версии браузеров?

    Asked by Olekh,

    0 votes
    3 answers

  22. Помогите с css

    Помогите настроить ксс в одном элементе: Вот страничка с ксс: http://rghost.ru/35876198 Наведите сюда: Между двома кнопками есть расстояние: Как его убрать? я уже задолбался его убрать, а ему пофиг

    Asked by T@NKIST,

    0 votes
    2 answers

  23. Почему может схлопываться Nivo Slider в IE ?

    Схлопывается по вертикали только в IE и только на моей странице =) К сожалению ссылку дать не могу, но буду очень рад помощи теоретиков =) Width и Height разумеется заданы. IE всех версий. Стили - те которые по умолчанию со сладером идут. Если необходимо могу кинуть код, но там нет ничего феноминального.

    Asked by North-Leshiy,

    0 votes
    2 answers

  24. проблемы с background

    Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой: http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png беграунд сверху размером 1800px и блок контента должен быть посредине. На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так: http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково? Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно? Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.

    Asked by WabFad,

    0 votes
    10 answers

  25. маркеры списка наезжают на рисунок

    Возникла такая проблема: маркеры списка наезжают на рисунок. Вот код <p> <img title="" alt="" style="float: left; padding: 3px; width: 214px; height: 180px; margin: 3px;" src="http://motorplayer.files.wordpress.com/2009/07/pagani_zonda_cinque_roadster-1.jpg?w=200" width="214" align="left" height="143"> Возникла такая проблема: маркеры списка наезжают на рисунок. </p> <ul style="list-style-position:inside"> <li style="list-style-position:inside;"> 1 пункт </li> <li>1 пункт</li> <li>1 пункт</li> </ul>

    Asked by fonbaron,

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