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

    Всем привет. Была проблема: "подвал" на сайте http://www.my-abc.info/ в мозилле уезжал вверх, т.е. следовал сразу за основным текстом. Проблему решил правкой css: добавил clear:left в классе .outfooter. http://www.my-abc.info/styles.css На другом сайте такая же проблема - http://www.sdmsp.com/ При этом в IE6 всё отображается нормально, а вот в остальных браузерах - низ уезжает вверх... Пробовал решить добавлением clear:both, но не помогает. http://www.sdmsp.com/styles.css http://www.sdmsp.com/mail.html У кого какие мысли? Я просто даже не знаю, где нужно искать проблему... Буду благодарен за любые подсказки.

    Asked by Nauticus,

    0 votes
    32 answers

  2. Случайные картинки в определенной области

    Добрый день. Подскажите, как реализовать вывод случайного изображения в определенной области страницы? Нужно что бы при каждой загрузке грубо говоря "баннер" брался случайно из определенного каталога. Спасибо.

    Asked by dak75,

    0 votes
    1 answer

  3. <ol start="11"> в XHTML 1.1

    Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?

    Asked by Webr,

    0 votes
    5 answers

  4. Проблема с выравниванем span в opera

    Добрый день. Сверстал сайт, все вроде бы нормально, даже в IE показывает все как надо, а вот в Opera 10.62, обнаружилась странная проблема - выпадение одного spana в лево. Не знаю даже по какому запросу гуглить. http://dl.dropbox.com/u/4410373/Portfolio1/index.html - тут можно глянуть как оно сверстано.

    Asked by oniantihero,

    0 votes
    3 answers

  5. Зазор между хедером и контентом приверстке блоками

    Вот такой вопрос - только начинаю учиться делать сайты и возникла проблема - когда пытаюсь делать блоки дивами , между всеми элементами возникает зазор. Делал это по статьям, там в скриншотах таких зазоров небыло.В чем может быть причина того , что элементы сайта не прилегают вплотную друг к другу при наполнении их текстом. Вот скриншот - http://ipicture.ru/Gallery/Viewfull/1372843.html (извиняюсь , если неправильно загрузил фотографию)

    Asked by Gaydar777,

    0 votes
    4 answers

  6. Резиновый сайт на div'ах

    У меня такой макет: Вот код, который я набрал: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <style> body { margin: 0px; } #container { display: inline-block; } #wrap { display: inline-block; margin: 10px; padding: 5px; background: yellow; } #header { height: 50px; background: green; } #content { float: left; min-width: 200px; background: orange; } #right { float: left; background: #a5a530; } </style> </head> <body> <div id="container"> <div id="wrap"> <div id="header">Header</d…

    Asked by Webscripter,

    0 votes
    1 answer

  7. приоритетный стиль

    к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…

    Asked by Artyomii,

    0 votes
    4 answers

  8. SSI. Как прописать ссылки

    Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …

    Asked by Newbie,

    0 votes
    6 answers

  9. Нужна помощь в верстке

    Всем доброе время суток! Не на помнете как мне сделать стиль для IE6 и IE7? Помоему это делается так вкоде HTML <head> <!-- [if lte IE7]> а какой нужно писать путь в стилям? <![endif]--> </head> А в коде в CSS нужна писать по момоему так? *div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; } А да вот еще, что. Чем отличается прописания стилей? 1-ый вариант div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; 2-ой вариант #contayner { margin:0 auto; padding:0px; width:765px; height:100%;

    Asked by Bismuth,

    0 votes
    4 answers

  10. У лисы проблема с float

    В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…

    Asked by volkoff,

    0 votes
    19 answers

  11. Как растянуть сайдбар по высоте, вровень с контентом?

    Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>

    Asked by freeentr,

    0 votes
    3 answers

  12. IE6: не убирается элемент при отведении курсора в hover

    Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span>&lt…

    Asked by Maha,

    0 votes
    9 answers

  13. Четыре фикса в резиновом блоке

    Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.

    Asked by Veseloff,

    0 votes
    4 answers

  14. inline-block

    вместо флоатов решил попробовать в очередной раз inline-block. и не могу понять почему в IE не работает как надо. http://shadow.rxfly.net/1/delete.html делал по примеру в который раз уже не получается. что не так делаю?

    Asked by npofopr,

    0 votes
    4 answers

  15. Смена цвета при наведении

    Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.

    Asked by nouqart,

    0 votes
    6 answers

  16. Div в div'e

    Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…

    Asked by chertixa,

    0 votes
    4 answers

  17. как поставить логин и пароль на страничку маево сайта помогите чайнику

    Как поставить логин и пароль на страничку маево сайта помогите чайнику

    Asked by Marek,

    0 votes
    1 answer

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

    Пытаюсь подключить меню, которое вынес в отдельный файл к остальным страницам. код меню находится в файле content.html, который располагается в корне сайта. Главная страница index.html находится тоже в корне сайта. Остальные страницы онтосительно корня по адресу : pages\tourism На главную стканицу вдключил меню так: <!--#include file="content.html"--> а на остальные пытаюсь так: <!--#include file="../../content.html"--> но меню подключилось почему-то только на главной странице на остальных выдаёт ошибку "an error occurred while processing this directive". Пути указал насколько понимаю правильно. Но почему-то меню подключает только к главной странице. Подска…

    Asked by Newbie,

    0 votes
    5 answers

  19. Как создать таблицу без верхней границы

    Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    5 answers

  20. Три колонки, вторая - в центре, и имеет фиксированную ширину

    Нужно сделать так, чтобы центральный слой имел фиксированную ширину (например, 800px), а 2 других обтекали его слева и справа, заполняя оставшееся место в окне браузера. Никак не получается, наверно из-за погоды. body { /* стиль всего документа */ background: #fff url(img/gradient.png) repeat-x; padding: 0; margin: 0; } div.top_center { background: url(img/top-center.png) top center no-repeat; width: 800px; height: 300px; margin: 0 auto; } div.top_left { float: left; background: url(img/top-left.png) top right repeat-x; height: 300px; } div.top_right { float: right; background: url(img/top-right.png) top left repeat-x; height: 300px; } Не зна…

    Asked by tigerpvr,

    0 votes
    6 answers

  21. Color

    Как сделать плавный переход от одного цвета к другому

    Asked by zhurbb,

    0 votes
    9 answers

  22. Как сделать, чтобы заработал SSI

    Пытаюсь создать сайт. Решил добавлять на свой сайт меню и footer при помощи ssi. Прочитал статью http://stepbystep.htmlbook.ru/?id=39 И попробовал будет ли работать ssi на простом примере как в вышеуказаной статье: Для проверки создал три файла: index.shtml <!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>SSI</title> </head> <body> <!--#include file="content.html"--> </body> </html> content.html <h1>Работает!</h1> и в этой же папке .htaccess AddTy…

    Asked by Newbie,

    0 votes
    1 answer

  23. Побороть ie7

    Есть гор.меню где я использовал список. <ul> <li><a href="#"><i> </i><i> </i>Главная</a></li> <li><a href="#"><i> </i><i> </i>Форум</a></li> <li><a href="#"><i> </i><i> </i>Категории</a></li> <li><a href="#"><i> </i><i> </i>Нажими</a></li> </ul> Каждому пункту списка я проставил float: left; после чего они встали в ряд и начали растягиваться что бы поместить в себя содержимое, т.е. пункт категории шире чем пункт форум(так и задумывалось). Но в IE7 каждый пункт списка ра…

    Asked by rediskavet,

    0 votes
    11 answers

  24. Кнопка с помощью display:block;

    Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение

    Asked by volkoff,

    0 votes
    5 answers

  25. Картинка выползает за div

    Столкнулся с проблемой выезда картинки за пределы div. <div class="newsdgrp_right" id="news_217"> <div class="newsthomb_right"><img class="newsicon_right" src="index_data/217s.gif"></div> <div> Ассортиментная скидка </div> </div> и код css .newsdgrp_left, .newsdgrp_right { clear: both; padding: 5px 5px 10px 5px; margin-bottom: 5px; border: 1px solid #A3C5E9; padding: 5px 5px 10px 5px; margin-bottom: 5px; } div.newsthomb_center, div.newsthomb_right{ float: right; padding-bottom: 5px; padding-left: 10px; } .newsicon_right, .newsicon_center, .newsicon_left{ margin-right: 10px; } В итоге получаю вот такое: …

    Asked by Alfiks,

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