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. Проблема с Оперой.

    Опера не понимает правильно растояние между колонками есть такое: #leftside {float:left; width:16.4%;} #centerside {float:left; width:66.2%; margin-left:0.5%; margin-right:0.5%;} #rightside {float: right; width:16.4%;} Три блока между правым и центром в опере появляется расстояние больше чем 0.5% хотя в мозиле и IE все нормально. Может опера как то не так понимает Флот. Кто то может подсказать как сделать правильно?

    Asked by dr_pasha,

    0 votes
    2 answers

  2. Важный вопрос!

    Недавно узнал,что есть какие то Программы в интернете,которые сами за тебя могут сделать сайт,но я так понял по разговорам,что на данный момент они не заменят настоящего,живого программиста,так вот.отсюда вопрос: Может ли такое случиться,что допустим через лет пять все эти Программы доработают и сделают предположим такую,которая будет Профессионально делать сайты.покруче всякого Верстальщика,Программиста,Дизайнера и т.д..в итоге получиться,что все эти Люди потеряют работу или останутся тока сильнейшие,которые умеют делать что нибудь супер-изысканное. Ведь с учётом того.что сейчас так быстро всё развивается,такое возможно? Что вы думаете по поводу этого? Если можно.по…

    Asked by psywalker,

    0 votes
    28 answers

  3. Два слоя по горизонтали

    Уверен, что мой вопрос банален и заезжин, но что-то нигде ответа найти не могу Надо два дива (блока) поставить горизонтально рядом с друг другом. Что-то не получается. Спасибо.

    Asked by Slon,

    0 votes
    2 answers

  4. Отсчет дней, часов, минут, секунд.

    Какм можно сделать отсчет дней, часов, минут, секунд.?

    Asked by vvsh,

    0 votes
    8 answers

  5. Резиновое число столбцов

    Как можно сделать резиновое число столбцов? Имеется большое число коротких описаний товаров и все их надо разместить в столбцы. Число столбцов меняется в зависимости от разрешения монитора. Сделать резиновым число столбцов удается за счет div и float:left - но так выходит, что все столбцы выравниваются слева страницы, а как сделать чтобы по центру?

    Asked by Rhema,

    0 votes
    1 answer

  6. heigh 100% и margin-top

    Возникла следующая проблема: хочу сделать поле, занимающие всю высоту экрана и при этом имеющие фиксированный в пикселях отступ сверху. Если я указываю height: 100% и margin-top: 200px, то мое поле вылезает за размеры экрана, создавая не применимый скроллинг. Как добиться, чтобы высота поля была 100% - 200px и лишний скроллинг не возникал? В этом примере я попытался изобразить концепцию, однако два элемента здесь налезают друг на друга. <!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> <title>Untitled Page</title> …

    Asked by Guest Гость_Олег_*,

    0 votes
    7 answers

  7. Пустяк для профи, задача новичку...

    Доброго времени суток. Мне сложно объяснять, т.к. не владею профессиональным сленгом. Есть n-ное число страниц, контекст на них разный, а панель с гиперссылками у всех одинаковая. Проблема состоит в том, что эти гиперссылки со временем будут меняться и если их прописывать в каждом html-документе, руки отвалятся потом все менять. Выход вижу только в создании iframe. Но Вы (т.е. профессионалы) все в один голос против использования фреймов. Прошу совета: как повторяющуюся часть html-документов изменять из одного места? Спасибо.

    Asked by Hello,

    0 votes
    10 answers

  8. Растянуть изображение в диве

    Здравствуйте. Есть картинка размером 800 на 416px Необходимо что бы она была в шапке сайта, но... как сделать её резиновой? Что бы она растягивалась без повторов по горизонтали и не искажалась, а так же пропорционально тянулась по вертикали? я в тупике, помогите пожалуйста.

    Asked by Veanissepil,

    0 votes
    3 answers

  9. Люди... дайте скрипт

    Помогите пожа... Ктонить Дайте кто знает скрипт каторый при заходе на страницу кидает автоматически на новую страницу ...

    Asked by antonP,

    0 votes
    7 answers

  10. Случайное отображение

    Ребята я дико извиняюсь, я сам ни разу не программист, но у меня есть задача которую нужно решить. На сайте расположено 9 поисковых блоков, задача следующая: нужно сделать так чтобы они все время меняли свою позицию при обновлении страницы, за исключением 1 из них. Тоесть он постоянно на своем месте. Как это можно реализовать?

    Asked by Man,

    0 votes
    12 answers

  11. ошибка с div

    Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span&…

    Asked by DImaN,

    0 votes
    7 answers

  12. С чего начинать борьбу со спамом на форуме?

    Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))

    Asked by stparks,

    0 votes
    7 answers

  13. Замена атрибута align через CSS

    Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left для изображения?

    Asked by bad request,

    0 votes
    2 answers

  14. Аналог CSS атрибута align

    Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left?

    Asked by bad request,

    0 votes
    4 answers

  15. Помогите с меню

    Ребят я нашла код менюшки который понравился, только он изначально не работает у меня в мозилле , демо с сайта работают, а установленые нет. Вот ссылка где брала код _ttp://www.dhtmlgoodies.com/index.html?whichScript=slidedown_menu2 Если есть аналогичный, буду рада узнать о нём, но другой не нужен.

    Asked by Ketra,

    0 votes
    1 answer

  16. Проблемы с IE iframe style

    <iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!

    Asked by joohny,

    0 votes
    2 answers

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

    В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...

    Asked by DjTarik,

    0 votes
    13 answers

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

    Здравствуйте! сверстал http://mobterr.ru/mobterr_verstka/, пытался обойтись без таблиц. и все вроде бы ок получилось, но в ИЕ (6) блоки с картинками прыгают (а именно залетают под правую колонку). есть ли какой выход? Заранее всем, уделившим внимание, спасибо!

    Asked by sokos,

    0 votes
    1 answer

  19. 3 картинки, 1 размножается

    Собственно говоря есть 3 картинки, одна должна быть сверху, с фиксированной высотой, посередине размножается, снизу фиксированная Делаю это так: Ну и css td.centerline { background: url('{WEBPATH}/template/images/line_vert_2.gif') center repeat-y; z-index: 1; height: 100%; } td.centerline div.up { height: 50%; background: url('{WEBPATH}/template/images/line_vert_1.gif') top center no-repeat; z-index: 2; border: 1px solid red; } td.centerline div.bottom { height: 50%; background: url('{WEBPATH}/template/images/line_vert_3.gif') bottom center no-repeat; z-index: 2; border: 1px solid red; } В фф всё нормально, в ие конечно же нет, баг известный. Тогда я пытался …

    Asked by regtefas,

    0 votes
    2 answers

  20. Проблема с IE

    Товарищи, подскажите почему ослик ну никак не хочет понимать следющий текст на CSS? Итак. HTML файл: <div class="layer1"> </div> <div class="divider1"> </div> <div class="layer2"> </div> <div class="divider2"> </div> <div class="layer3"> </div> <div class="divider3"> </div> <div class="layer4"> </div> <div class="divider4"> </div> <div class="layer5"> </div> <div class="divider5"> </div> <div class="layer6"> </div> <div class="divider6"…

    Asked by Guest CBE4KuH,

    0 votes
    9 answers

  21. Подскажите, пожалуйста

    Подскажите, пожалуйста, возможно ли при помощи стилевого псевдоэлемента first-letter или какого-либо другого элемента в словаре (не разбивая словарь на страницы) для каждого абзаца, начинающегося на букву «а» задавать цвет первой буквы, например «красный», а для каждого абзаца начинающегося на букву «б» задавать цвет первой буквы, например «синий» и т.д. Или это возможно только сделать, задавая цвет для каждой первой буквы в отдельности.

    Asked by Guest школьник,

    0 votes
    4 answers

  22. Как можно измененить background

    <input type="file" value="" /> Каким способом можно изменить у обзора фон и цвет текста?

    Asked by Mary_RND,

    0 votes
    3 answers

  23. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  24. Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE

    Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…

    Asked by Guest Гость,

    0 votes
    1 answer

  25. a:visited

    Здравствуйте. Перейду сразу к делу, раньше не когда не пользовался этим свойством, но сейчас заказчик хочет что бы это было. Используя такую конструкцию ( пример взял на htmlbook ) это работает только в ИЕ в остальных же браузерах изменений не каких нету.. в опере вообще: a:visited { color: #900060; /* Цвет посещенных ссылок */ } указывает цвет всем сслкам <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>visited</title> <style type="text/css"> a:link { color: #0000d0; /* Цвет ссылок */ } a:vi…

    Asked by musulman,

    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