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. И снова вопрос

    Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…

    Asked by ShiftedReality,

    0 votes
    11 answers

  2. не отображаются картинки

    в общем занимаюсь версткой по видео Джефри Вэя, первый раз делал, все картинки объявленные в цсс отображались корректно. но теперь когда делаю опять, картинки только отображаются объявленные в хтмл, которые относятся к контенту. картинки в бразуерах включены, форматы указаны правильно, пути тоже, даже не знаю в чем проблема может быть. вот пример кода: #header h1 { background: url(img/logo.png) no-repeat; width: 169px; height: 71px; text-indent: -9999px; float: left;

    Asked by maxsnw,

    0 votes
    11 answers

  3. Большое расстояние в IE 6

    Есть инпут для загрузки. И рядом кнопки "+" и "-" при нажатии на которых внизу добавляются еще загрузки.(его генерирует JS). Проблема в том что расстояние между ними в IE 6 очень большое. Думаю это из-за блока <div class="clear"></div>. После того как для него написал свойства height:0 в IE 7 стало нормально, но IE 6 так и не стало измениться. Ссылка - http://jsfiddle.net/YER8y/ Во всех браузеров кроме IE 6 показывает нормально. Не пойму откуда он берет расстояние Код примерно такой: <div class="inputs"> <div class="upload2"> <img src="" width="18" height="19" /> </div> <div class="upload1"> <input…

    Asked by jumancy,

    0 votes
    7 answers

  4. robot.txt

    Ребята есть такая проблема robot.txt не могу понять, как его правильно написать и нужен ли к нему или вообще sitemap.txt? сайт ekzamen74.ru для него пробовал написать robot, но когда прибегнул к помощи специального сайта и делал тестовую проверку на индексацию - не вышло, пишет не найдет (я вообще запутался с ним ((( ) Прошу помощи у Вас дорогие специалисты! Заранее спасибо!

    Asked by ekzamen74,

    0 votes
    5 answers

  5. проблемы с шапкой

    Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…

    Asked by Rambo2045,

    0 votes
    5 answers

  6. НЕ работает Image Map в IE6

    Добрый день! надеюсь солнечный! Столкнулась с такой проблемой. Использую на главной странице слайдер js easyslide. И хотелось сделать в 2 ряда картинки, как решение сделала image map. И все было отлично, до тех пор пока не посмотрела в ие6, второе изображение он не воспринимает как image map, но на местах где описана area выдает alt всей картинки, а не title эрии. (все работает в хроме, лисе, опере и ие8) Есть подозрение, что на ие7 тоже распространяется данный баг (как я полагаю) Возможно я что-то не так делаю, или есть какие-другие причины. Очень буду благодарна за ваши комментарии. так это выглядит в живую привожу код <div id="slider"> <ul> …

    Asked by orgi,

    0 votes
    5 answers

  7. обтекание текстом картинки

    Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?

    Asked by Kerny,

    0 votes
    9 answers

  8. Посоветуйте CMS для сайта

    Посоветуйте, пожалуйста, какой-нибудь хороший CMS на русском языке для сайта.

    Asked by anna-2011,

    0 votes
    10 answers

  9. Загрузка страницы

    Что нужно прописать в HTML, чтоб страница загружалась с нижней части? Т.е. пройдя по ссылке страница открывается в верхней части, а надо, чтоб открывалась в нижней, чтоб не прокручивать страницу вниз. При этом адрес ссылки не должен измениться, т.е., я как понимаю, якоря не подойдут

    Asked by Cyrille,

    0 votes
    7 answers

  10. логотип в шапке

    Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a

    Asked by Rambo2045,

    0 votes
    20 answers

  11. таблица в таблице

    есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…

    Asked by Anime,

    0 votes
    3 answers

  12. Проблема при приближении

    С приближением страницы ctrl+колесо , текст подвала ( к примеру ) ничинает переходить на другую строку . стандартный размер после приближения как сделать , как на старом твиттере в подвале с приближением текст не переходил и отступы от краев одинаковы .

    Asked by unicozz,

    0 votes
    1 answer

  13. Проблемка с отступами в фф 5

    Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте

    Asked by Non Stop,

    0 votes
    3 answers

  14. before & after

    Набрёл на этот пример из итогов конкурса. Хотелось бы понять как он работает?? Что является координатной сеткой для элементов созданных через :before и :after??

    Asked by DrStrangeLove,

    0 votes
    5 answers

  15. Не получается

    Макет Скриншот Весь текст должен быть справа от картинки. А он у меня туда не влезает. Почему так может быть?

    Asked by Rustick,

    0 votes
    3 answers

  16. Валидация лого

    Народ обьясните мне пожалуйста почему при такой записи <a href="#"> <div class="logo"> </div> </a> с XHTML 1.0 Strict валидатор ругается и выдает - document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag. Мне например нужно лого сделать ссылкой .. как ? с этим доктайпом , обьясните плз )

    Asked by MaferoK,

    0 votes
    2 answers

  17. Теги em и i в различных браузерах.

    Здравствуйте. Столкнулся со следующей проблемой: нужно выделить текст курсивом (я использую тег em, хотя с i то же самое); к этому тегу применяется шрифт, который с "font-weight: normal" уже является курсивом (PFDinDisplayProLightItalic). Так вот, несмотря на то, что в свойствах тега (em/i) установлен параметр "font-weight: normal", некоторые браузеры (ff 4+ и Safari) принудительно применяют к тексту курсив, в результате чего курсивный шрифт наклоняется ещё сильнее. Как бы отключить этот принудительный курсив?

    Asked by Wak,

    0 votes
    6 answers

  18. Пошагово растягивающаяся таблица

    Приветствую. Есть таблица в три столбика, первый и третий фиксированы по ширине, средний резиновый. В среднем столбце - плавающие блоки (float:left). Этих самых блоков допустим 10 штук. В зависимости от разрешения экрана в средний столбец влазит разное количество блоков. Проблема в том, что средний столбец растягивается на максимально возможую ширину, а хотелось бы, чтобы его ширина равнялась минимально возможной, но вмещала максимальное количество блоков. На данный момент решено с помощью JS, но хотелось бы решение поизящнее. Если непонятно изложено, позже будут картинки. ЗЫ Не слишком силен в верстке, сильно не пинайте)) кстати код: <html> <head> <style…

    Asked by bacca,

    0 votes
    4 answers

  19. дополнительный отступ в 1 пиксель справа в опере

    Добрый день! Верстаю таблицами. В опере появляется дополнительный отступ в 1 пиксель справа по всей высоте сайта. Мешает сильно, так как таже шапка к примеру вылазит слева на задний фон сайта на этот 1 пиксель. Может кто подскажет в чём проблема?

    Asked by bosega,

    0 votes
    7 answers

  20. Как в ИЕ6 флоальнутым блоком растянуть контейнер, у которого overflow: hidden?

    Приветствую верстальщиков! Необходима ваша помощь. Не знаю, как заставить в IE6 растянуться контейнер, в котором лежит прифлоаченный бокс с содержимым. Вот схематически показываю ситуацию: HTML: <body> <div class="wrapper"> <div class="column">Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст</div> </div> </body> CSS: html, body { margin: 0; height: 100%; } .wrapper { background: #CCC; overflow: hidden; min-height: 50%; position: relative; } * html .wrapper { height: 50%; } .column { background: #FF9; width: 200px; float: left; padding-botto…

    Asked by Torm,

    0 votes
    6 answers

  21. Атрибут hashstring и hashtype у тега a

    На сайте http://wikimart.ru/ увидел интересный способ создания ссылки. Ссылка в HTML-коде создаётся так: <a href="#" hashString="21d1830fcc954f2376a6e685cf9e0e38" hashType="href">Выбрать подарок</a> Кто-нибудь знает, что это за технология такая и зачем она здесь применяется? Нагуглить у меня ничего не получилось. Технология или какая-то новая или малоизвестная, но все браузеры её понимают (IE7 понимает, IE6 не тестировал). Подскажите, где в официальных стандартах про эти атрибуты рассказывается.

    Asked by clavin,

    0 votes
    2 answers

  22. Шаблон из joomla в smarty

    Всем привет. Есть такой вопрос. Имеется шаблон сверстанный в joomla через <div>/css. И есть движок в котором шаблон создан через smarty - в .tpl-ях. В тех .tpl куча smarty-кода да и еще в табличной верстке. Приведу немного кода: <body style="margin: 0px;" onload="get_parseGET(); InComparisonList();{if (($data.user_type eq 2 || ($data.user_type eq 3 && $data.agency_approve eq 1)) && $data.id_country && $data.in_base && $use_maps_in_account)||($use_maps_in_viewprofile && $profile.country_name && $view eq 'general' && (($registered eq 1 && $group_type eq 1) || ($registered eq 1 && $contact_for…

    Asked by atosdo,

    0 votes
    2 answers

  23. помогите

    Сделал слайд-вьюер. На компе когда просматриваю - всё норм, но когда на хост выложил затупил и ничего не показывает. ВСЕ ФАЙЛЫ НАХОДЯТСЯ В ОДНОЙ ПАПКЕ + там 3 картинки и анимация загрузки Результат

    Asked by LazyBoy,

    0 votes
    2 answers

  24. Сокращение кода

    У меня такая проблема написал сайт вручную на html и сss есть div для новостей. Приходится менять информации на всех страницах сайта вручную Можно ли создать файл только с div новостным и вставить ссылку на каждом странице на этот фаил. Для того чтобы изменять сайт в 2 клика? Заранее спасибо

    Asked by Select,

    0 votes
    4 answers

  25. Окно с прокруткой

    Уважаемые спецы WEB строительства, подскажите пожалуйста, как сделать, в adobe dreamweaver, фиксированное окно с прокруткой по вертикали, что бы текст прокручивался внутри окна в HTML сайте. Мне нужно как здесь... Может кто ни будь даст ссылку на урок, как такое окно сделать в HTML при помощи adobe dreamweaver.

    Asked by Vladimir_K,

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