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. Маркер для горизонтального списка

    Создаю горизонтальный список и у него почему-то нет маркеров. Как их задать?

    Asked by Ромашка,

    0 votes
    8 answers

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

    Здравствуйте! Недавно начал заниматься вёрсткой и вот недавно увидел у Яндекса вот такой doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Т.е. получается, что это "Строгий синтаксис HTML", но при этом опущен кусок доктайпа: "http://www.w3.org/TR/html4/strict.dtd" Можно ли использовать такой доктайп? И что именно он изменяет? P.S. Может уже у меня глюки, вчера ночью(точнее уже сегодня) верстал формочку с использованием эффектов jqyery, и в ИЕ6 замечал глюк, при использовании slideUp() содержимое не просто скрывалось, а в самый последний момент мерцало, что выглядело очень ужасно. Доктайпа не было, после установки глюка не было. Может ли на jq…

    Asked by pivkos,

    0 votes
    5 answers

  3. Кто может помочь?

    Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Название страницы</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/logo1.png" height=200 width=766> <a href=#><img src="img/banner.png" class=ban2 height=82 width=209&g…

    Asked by Sp@wNox,

    0 votes
    0 answers

  4. Стилизация первых букв, как сделать правильно

    Необходимо у двух слов идущих друг за другом и выделенных заголовком <h1> сделать первые буквы красными. Что то наподобие вот этого: Первое Второе Как это сделать наиболее рационально CSS в отдельном файле и код XHTML 1.0 Strict? Подскажите пожалуйста!!!

    Asked by SergeyVM,

    0 votes
    1 answer

  5. Верстка div'ом в 2 столбца

    Подскажите, пожалуйста, есть div, который выводится динамически, т.е. блок с инфой размером 250px; родительский div - 500px. надо выводить по 2 столбца. Сейчас выводит всё в 1 столбец. #single_block { clear: left; margin: 15px 10px; width: 250px; } #single_block img { float: left; margin: 0 7px 7px 0; }

    Asked by rolph,

    0 votes
    8 answers

  6. 3 блока друг под другом

    Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …

    Asked by Mister Y,

    0 votes
    12 answers

  7. Падающие тени

    Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру. .shadow { background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */ float: left; /* Создание обтекания для правильного положения тени */ } .bottom-left-corner { background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */ } .top-right-corner { padding: 0 8px 8px 0; /* Ширина тен…

    Asked by zlobik,

    0 votes
    1 answer

  8. Классы или идентификаторы?

    В последнее время часто встречаю верстку, в которой стили присваиваются не классами, а идентификаторами. Нет, я согласен что шапка - одна. И вполне логично присвоить ей id="header", чем class="header", но... Насколько это оправданно? Кто что может сказать по этому поводу?

    Asked by ndiezel,

    0 votes
    14 answers

  9. Добавление содержимого другого файла

    Помогите разобраться, хочу сделать в один файл сбор из разных частей сайта, чтобы они открывались в определенных местах. Попробовал так не получилось (шапка сайта отображается а сверху ее еще отображается нижняя часть ) <table border="0" width="100%" cellpadding="0" cellspacing="0" > <tr> <td height="170" colspan="2"><!--#include virtual="/30/heading.html"--> </td> </tr> <tr> <td > </td> <td width="78%"> </td> </tr> <tr> <td colspan="2"> <p><!--#include virtual="/30/footer.html"--></td> </tr> </table>

    Asked by Vektornsk,

    0 votes
    5 answers

  10. Небольшой промежуточек

    Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 10px или 1%. Пробовал писать что-то типа body {height:98%; margin-top:1%}; или же html {height:98%; padding-top:1%}; и т.д. Выходит ерунда, хотя, вроде, все логично... Благодарю за помощь. <!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" xml:lang="en"> <head> <style type="text/css"> html, body { padding: 0px; margin: 0px; height: 100%; margin-left: 20%; margin-ri…

    Asked by ]-[иколай,

    0 votes
    10 answers

  11. CSS float

    Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.

    Asked by CTEKJlO,

    0 votes
    9 answers

  12. Две колонки

    Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…

    Asked by depode,

    0 votes
    6 answers

  13. CSS и IE6

    Помогите, пожайлуста. Недавно решила использовать стили длв форматирования сайта, и все было замечательно, пока! Не увидела свой сайт на одном из чужих компьютеров. УЖАС! Теперь я понимаю, что это был ИЕ6, но что делать в этом случае - вернуться опять к табличному форматированию или есть способы решения через стили? Посмотреть проблему можно тут www.ros.lv на всех броузерах и на ИЕ6. Что надо из кода показать - выложу обязательно. Только подскажите, что делать, куда идти и что читать? Спасибо за ответ заранее!!!

    Asked by natariga,

    0 votes
    11 answers

  14. Верстка макета

    Нужно сверстать такой вот макет. Ширина #PageContent - статическая, слева и справа полосы однаковой ширины. Размеры #header и #footer - указаны в пикселях. Ширина #ContactInf и #MainInfo статиская, а высота растягивается в зависимости от содержимого. При этом ни одна из этих колонок не должна вылазить на #footer. Заранее благодарю всех ответивших.

    Asked by Singer,

    0 votes
    3 answers

  15. В CSS менью, W3 валидатор дает однотипную ошибку

    Ребята помогите пожалуйста конкретным советом, вот конкретно моя типичная. посторяющаяся ошибка: http://validator.w3.org/check?uri=http%3A%...C%20*%3Bq%3D0.1 Там же указан сам сайт, я не смогла избавится от данной ошибки, видимо там, как я поняла нужно создавать какойто CSS класс. Та же ошибка у меня и в других моих сайтах, я все другие ошибки исправила, надеясь что в оставшецся части помогут мне коллеги с этого форума. Я не знаю CSS. Пожалуйста дайте мне конкретный блок CSS . . . или конкреттный совет (но не типа того: Изучай CSS, или, - Учи классы CSS). Если бы я спарвилась сама, то не теряла времени, и не беспокоила бы Вас. Спасибо

    Asked by Dobo,

    0 votes
    3 answers

  16. CSS горизонтальное меню картинками

    Идея такая сделать меню , или даже мини меню для сайта ! Но так чтоб меню было полностью из картинок , который выглядят так Конечно хотелось бы чтоб на link серая часть картинки была , на hover зеленая и так далее ! Помогите !

    Asked by darewangog,

    0 votes
    2 answers

  17. приследующий блок

    Добрый день, всем хорошего настроения! Подскажите пожалуйста, как сделать преследующий блок как тут - http://ipod-touch.artmastery.ru/?

    Asked by woofs,

    0 votes
    1 answer

  18. По разному отображается

    Написал HTML-код, создал и подкрепил CSS, в IE всё выглядит как надо, ну а в Opera и Firefox достаточно сильные сдвиги( #block1 {position: static; margin-left: 150px; height: 90px} #block2 {position: static; border-right: 2px solid gray; width: 166px; height: 708px; font-family: Calibri; font-size: small; font-weight: 900; margin-left: 260px; background-image: url(bg.jpg); background-repeat: repeat-x} #block3 {position: static; width: 533px; height: 708px; margin-left: 426px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x} #block4 {position: static; width: 19px; height: 708px; margin-left: 241px; margin-top: -708px; background-image: url(b…

    Asked by apelcine,

    0 votes
    17 answers

  19. ie6 img выходящий за пределы контейнера

    Есть конструкция <div> <img style="margin-left: -30px"> </div> Смысл ее в том, что картинка выходит за слой в котором она находится, но при этом правильно отображется. Отображается правильно везде кроме ie6. В ie6 край картинки выходящий за пределы контейнера не отображется, существует ли способ победить это кроме position: absolute? Спасибо! Пример http://www.elanfundraising-dev.com.php5-12...tetestlink.com/ Картинка с тектом "Yes we can...."

    Asked by weblad,

    0 votes
    4 answers

  20. align в xhtml strict

    Народ подскажите, мне надо сделать обтекание картинки текстом? существующий вариант <img src = '/design/img/films/cardimg.jpg' alt ='' width='122' height='177' align='left' /> не подходит, тк в strict использование align, судя по всему, недопустимо.

    Asked by al_kash,

    0 votes
    1 answer

  21. снова jcarousel =(

    подскажите плиз...сделал блок jcarousel+shadowbox, в опере работает всё отлично, а вот в IE, Google chrome не все картинки показываются...в чём может быть проблема? сайт gazeta-parus.ru (блок слева смотрите)...спасибо!

    Asked by HoRRoR,

    0 votes
    0 answers

  22. Помогите с отображением в Opera

    Добрый день. Подскажите пожалуйста что это может быть - есть сайт www.p-cards.com.ua, в IE, FireFox работает нормально, в Opera он тоже работает нормально, но со второго раза, т.е. после загрузки титульной странички, если перейти в раздел --> Наши цены, то почему-то происходит смещение шапки, картинки и последующей таблицы, причем что самое интересное то что по нажанитию на клавишу F5 этот "привет" исчизает, т.е. нормально работает со второго раза - что недопустимо. Подобная ситуация наблюдаеться и в некоторых других разделах. Помогите пожалуйста, что нужно исправить чтоб работало с 1-го раза . Заранее благодарен. С уважением, Вадим

    Asked by Fantazy,

    0 votes
    3 answers

  23. Мега хитрая верстка

    Могут ли блоки DIV налезать друг на друга? Например в одном текст, в другом меню, в третьем Хидер с картинкой?

    Asked by murzo1,

    0 votes
    4 answers

  24. Позиционирование главного background у страницы

    Есть такая проблемма К странице применяем большой фон картинкой 1400x900px и при сильном уменьшении окна браузера фон не привязываетсчя к левому краю, а начинает съезжать влево. Такие дела в опере и FF, как не странно в IE6 всё норм =) Ставлю background-position: center top; Подскажите что селать чтобы при уменьшее окна браузера фоновая картинка останавливавалсь а не уезжала дальше.

    Asked by droncl,

    0 votes
    5 answers

  25. подскажите по работе с svn

    подскажите по работе с svn чем отличаеться checkout от export ?

    Asked by asker2,

    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