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. Сладйер

    Здраствуйте! Нужно сверстать такой слайдер новостей: Это должен быть информер последних новостей для uCoz, при нажатии на ту стрелочку справа новость должна менятся на предпоследнюю. И все бы хорошо, но я не знаю как сделать такой слайдер, так как совсем незнаю JS. Может кто то что то подсказать?(

    Asked by FORT,

    0 votes
    0 answers

  2. растягиваем background-image

    на сайте в css написано body { background-attachment:fixed; background-color: #9bc52b; background-image: url(images/background.jpg); font-size: 80%; } как сделать чтобы картинка background.jpg сама растягивалась под любое окно браузера? а то на одном разрешении она нормально, на другом разрешении начинает моститься, а при уменьшении окна браузера она вообще не взалает...

    Asked by Хелкар,

    0 votes
    10 answers

  3. Первый шаблон и первые проблемы..

    Добрый день! Первый раз верстаю шаблон, и уже успел столкнуться с проблемой. Хочу сверстать вот такой шаблон - СSS - @charset "utf-8"; /* CSS Document */ * { padding:0; margin:0;} body {background:#e7e7df url(Images/bg-body.jpg) left top no-repeat; } .main { width:960px; margin:0 auto;} .head{ height:40px;} .content-main{ background:#fffdfd; overflow:hidden; } .content{ width:730px; float:right; margin:15px 15px 15px 0; } .post-main{ background:#ffffff; margin:0; } .post-main h1{ font:24px Verdana, Geneva, sans-serif;color:;background:#4ebbff; padding:5px 20px 8px 15px; margin:0; } .post-main h1 a{ font: normal 24px Verdana, Geneva, sans…

    Asked by Dark_Semi,

    0 votes
    2 answers

  4. Перевёрнутый текст в IE6-7

    Сделал, для всех ,кроме этих инвалидов. Кто подскажет

    Asked by vladimircape,

    0 votes
    1 answer

  5. баннер в html

    Я вставила код баннера на 2 страницы. На одной страницы он показывается http://hjemmeside1234.no/gullgaranti/gullgaranti/banner.html, а на другой которой мне надо нет http://hjemmeside1234.no/gullgaranti/gullgaranti/index-banner.html ,хотя блок с черным фоном отображается. Помогите разобратся почему он исчез . Мне нужно его вставит v нижний левый блок. Код баннера я такой вставила <div class="b-flash"> <object width="292" height="146" > <param name="movie" value="banner.swf"> <embed src="http://hjemmeside1234.no/gullgaranti/gullgaranti/images/banner_gullgaranti.swf" width="294" height="148"> </embed> </object> </div>

    Asked by knopka3,

    0 votes
    2 answers

  6. Оптекане текстом изображения при скролинге

    Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!

    Asked by Avalon4eg,

    0 votes
    2 answers

  7. Оптимальная ширина

    Подскажите оптимальную ширину сайта (фиксированная), если в расчет брать стандартный монитор с разрешением 1280px. Сколько там отнимать от этой ширины на полосу прокрутки, браузер и т.д.? Где-то 1000px получается? P.S. Только не нужно про резиновую верстку демагогию разводить

    Asked by Imperil,

    0 votes
    1 answer

  8. Почему маркеры не убираются?)

    html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}

    Asked by theskyineyes,

    0 votes
    3 answers

  9. Разбиение одного списка в несколько колонок

    Возникла необходимость вывести список <ul><li> в две или более колонок не разрывая списка. Например, у меня имеется список: <ul> <li>ссылка 1</li> <li>ссылка 2</li> <li>ссылка 3</li> <li>ссылка 4</li> <li>ссылка 5</li> <li>ссылка 6</li> </ul> А на выхлопе нужно получать примерно такое: > ссылка 1 > ссылка 4 > ссылка 2 > ссылка 5 > ссылка 3 > ссылка 6 Иллюстративный пример: Имеется подключенная JQuery 1.3.2 (1.4) Каким образом можно добиться такого эффекта?

    Asked by Sulpher,

    0 votes
    3 answers

  10. margin-top производит не тот еффект, который должен

    Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}

    Asked by fr1run,

    0 votes
    2 answers

  11. Хром и woff

    Доброго дня. Проблема в следующем - подключаю шрифт через font-face: @font-face { font-family: "freeset1"; src: url("freeset1.woff"); font-weight: normal; font-style: normal; } В Лисе, в девятом осле, даже на айфоне - все ок: А в Хроме - не ок: Как бороться? TTF не предлагать - косячит междустрочный интервал.

    Asked by Sevkov,

    0 votes
    12 answers

  12. Причину ищу

    Пока работал над этим http://pomidor.com.ua/seemax/CatMain11.html много открыл для себя. Помогите пожалуйста найти ошибку ведущую к расползанию элементов при изменении разрешения экрана http://viewlike.us/?url=http%3A%2F%2Fpomidor.com.ua%2Fseemax%2FCatMain11.html&button.x=39&button.y=15 Мало того, можно заметить как при уменьшении разрешения на картинку в Хед лезет фоновый цвет <HTML> FireBug и тщательный просмотр всех элементов не дали мне возможности разобраться.

    Asked by seemax,

    0 votes
    2 answers

  13. frameset и баг скролла ie6

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <frameset rows="*,0" border="0" frameborder="no"> <frame marginheight="0" marginwidth="0" scrolling="no"/> <frame id="2" marginheight="0" marginwidth="0" scrolling="auto"/> </frameset> </html> В id = 2 грузится контент. Если по высоте контент не помещается, то естественно появляется вертикальный скролл. НО. в ие6 вдобавок ко всему появляется еще и горизонтальный скрол. Вопрос: как убрать горизонтальный скролл, учитывая, что при разрешении …

    Asked by Lincky,

    0 votes
    5 answers

  14. Высота контейнера со слоями

    Здравствуйте, подскажите пожалуйста, не могу решить проблемку с высотой контейнера. Описание: у меня в некотором контейнере (таблица) расположено 2 div, пусть будут высотой 500 пикселей для примера. Контейнер при этом принимает высоту в 1000 пикселей. Второй (нижний) div имеет отрицательное смещение по высоте, для того чтобы располагаться в 2 слоях на одном месте с первым. Получаются что оба div расположены в верхней части контейнера в разных слоях, а нижняя часть пустует. Так вот - несмотря на то что нижняя граница обоих div расположена примерно на 500-ом пикселе - граница контейнера(таблицы) не подтягивается туда, а по прежнему занимает старый размер как будто там есть …

    Asked by Detech,

    0 votes
    6 answers

  15. Блоки налезают друг на друга

    Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …

    Asked by ProMira,

    0 votes
    1 answer

  16. Нужна помощь с img

    В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.

    Asked by Oklick,

    0 votes
    4 answers

  17. Не работает сайт

    Доброго времени суток. У меня возникла проблема при создании сайта: сайт открывается только на моём компьютере и ни у кого больше! Делал всё вроде бы правильно (или нет?): Зарегестрировал имя: http://7gnomov.16mb.com; Написал главную страницу; Поместил на ftp в соответствующую паку /public_html Может я что-то не так сделал? У кого-нибудь ещё он работает? http://7gnomov.16mb.com/default.php

    Asked by Alexandir,

    0 votes
    6 answers

  18. Ширина body в IE и других браузерах

    Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!

    Asked by Solyanik,

    0 votes
    4 answers

  19. col, background и colspan

    Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?

    Asked by Veseloff,

    0 votes
    8 answers

  20. Как вставить изображение?

    Надеюсь, вопрос мой будет воспринят благосклонно. Поскольку версткой занимался давно, то CSS сейчас для меня темный лес. Для своего сайта я позаимствовал дизайн и подчистил его от всего, что мне не нужно. Дизайна минимум. Всё отлично, но возникло желание дополнить содержание фотографиями и вот тут мне не разобраться, поскольку CSS мною не познан. Подозреваю, что решение задачи лежит на поверхности и спецы разбирающиеся в версте сразу поймут, как решить её. Суть в следующем, есть mjutwo.com сайт с позаимствованным дизайном (дубль два). В позаимствованном CSS нет и намека на изображения. Вопрос в том, как вставить изображения на страницу между строк? В качестве примера э…

    Asked by markst,

    0 votes
    1 answer

  21. Немного съезжает текст в IE.

    Добрый день, понимаю что вопрос банален до безобразия, но все же, в верстке не так давно и не могу решить проблему отображения строки в IE, во всех других браузерах отображается корректно. Ниже картинка с самой проблемой. вот как должно быть и как отображается в Google Chrome: А вот как обображается в IE. "Моська" - статический элемент, а вот " - название раздела" добавляется автоматически, в зависимости от раздела в котором находимся. Так вот почему так смещается текст и как это смещение убрать? Заранее спасибо. вот сайт snobstore.ru

    Asked by kmaroff,

    0 votes
    9 answers

  22. Ссылка с пустого div с бэкграундом-картинкой

    Вопрос тривиальный, но загнал в тупик. Возникла задачка - с любой картинки на сайте (кроме тех, что относятся к оформлению) яваскриптом делать всплывающий кусочек текста ака easyTooltip. Верстка сайта - шапка, тело из двух колонок (в одном из столбцов - меню) и футер. Вложенность элементов в рабочей колонке разная, поэтому в скрипте есть смысл обращаться сразу ко всем img. Для этого все картинки оформления нужно перевести в div-ы c бэкграундами. на некоторых из картинок были навешаны ссылки (например, на логотип в шапке). Обычный рецепт в этом случае - вставить в div прозрачный единичный gif 1x1 и растянуть его до нужных размеров, в данном случае не годится, т.к. снова п…

    Asked by z1a2r,

    0 votes
    6 answers

  23. Таблица заливается черным фоном в IE 6-8

    Добрый! Гуглил, искал по фразе "черный фон в ie" и +/- слово, но ничего внятного не нашлось. Проблема в том, что... В общем, в IE. Смотрите скриншот. Код в пейстбине здесь. Скриншот: http://fotki.yandex.ru/users/denis-poligon/view/502351/?page=0 Сам файл: http://narod.ru/disk/44467697001.624ae25694fdb55ab064b10be24053ce/errors.html.html Подкиньте, пожалуйста, ссылок, где описано как это побороть. P.S. Какие есть инструменты и сервисы для проверки корректности кода больших объемов? P.S.2: Dropbox как долго обновляет ссылку? Кинул файл в share, а по ней 404

    Asked by denis.southern,

    0 votes
    3 answers

  24. Как передать get-параметры ссылкой без перехода на целевую страницу

    Здравствуйте. Нужно передать данные другой странице методом get по ссылке, но чтобы при этом остаться на прежней странице. Как такое делается?

    Asked by Koroed,

    0 votes
    2 answers

  25. Помогите с версткой.

    Удалите тему пожалуйста.

    Asked by Webkit,

    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