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 Rustick,

    0 votes
    3 answers

  2. Выранивем див по центру padding:0 auto; и в IE input преса?т работать.

    Есть блок, в н?м импуты я его выраниваю по ентру документа при помши margin:0 auto; В итоге в IE 6, 7 инпуты перестают работать . Как это вылечить? Вот код XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <link href="admin/adminauth.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <form action="admin.php?cmd=login" method="post"> <div class="auth"> <h1>Авторизация</h1&…

    Asked by sineus,

    0 votes
    12 answers

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

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

    Asked by Cyrille,

    0 votes
    7 answers

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

    есть страничка типа <!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

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

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

    Asked by Kerny,

    0 votes
    9 answers

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

    Первый логотип(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

  7. И снова вопрос

    Снова нужна помощь знающих, В общем вот такой кусок: Интересует 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

  8. Проблема padding

    Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/

    Asked by fenzmey,

    0 votes
    6 answers

  9. robot.txt

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

    Asked by ekzamen74,

    0 votes
    5 answers

  10. Фикс и резина: отличия в верстке

    Хочу попробовать сверстать макет под резину. Как я понял здесь размеры задаются в процентах. Есть ли тут еще что-нибудь, что мне следует знать? Может кто-нибудь скинуть пример резиновой верстки?

    Asked by Rustick,

    0 votes
    4 answers

  11. drupal проблема с классами

    Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …

    Asked by Kerny,

    0 votes
    6 answers

  12. Смещение таблицы в центр

    <table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру

    Asked by skoch244,

    0 votes
    4 answers

  13. Резиновый горизонтальый слайдер

    Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…

    Asked by prospravka.ru,

    0 votes
    10 answers

  14. Не показываются свои маркеры

    Ссылка 1. В менюшке, у элементов списка не показываются маркеры, почему? Пропали когда прописал display: inline для элементов списка. li.icon_1, li.icon_2, li.icon_3, li.icon_4 { display: inline; padding-left: 32px; } 2. Опять проблема с пониманием того, как работает margin img.logo { margin-left: 20px; float: left; } .logo_text { font: 20px Tahoma; color: #3c3c3e; margin-left: 5px; float: left; } После того, как добавил float: left; для img.logo (листочек) пришлось прописать для .logo_text (corporate energy) margin-left: 5px; а до этого было 55px, то есть margin начинает браться от листочка, потому что идет обтекание, верно? А да это получается брался от края тела?

    Asked by Rustick,

    0 votes
    7 answers

  15. Макет под 800 по центру

    Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?

    Asked by Rustick,

    0 votes
    10 answers

  16. Растягивать ячейку по высоте

    Нужно сделать таблицу что бы когда ми вставляли бы текс неизвестного размера то она бы растягивалась в высоту. Ширина таблицы - фиксированная. Ограничивал ширину ячейки и всей таблицы, но результат один и тот же- текст выходит за пределы ячейки. Подскажите как такое сделать пожалуйста. На картинке показан желаемый результат

    Asked by evgeniy123,

    0 votes
    3 answers

  17. шаблоны для вёрстки

    Здравствуйте Может кто нибуть подсказать где можно накачать себе бесплатных .psd шаблонов так сказать для практики в вёрстке

    Asked by MaferoK,

    0 votes
    5 answers

  18. Картинка на сайте

    Делая своё сайт, наткнулся на проблему, почему-то не показывает картинку! Вот строчка <img src="header.jpg" alt="Логотип"> Вот! Не показывает кртинку, но показывает альтернативный текст! В чём дело?

    Asked by illusia,

    0 votes
    7 answers

  19. Отступы в блоке

    Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…

    Asked by ShiftedReality,

    0 votes
    13 answers

  20. Как сделать так что бы таблицы стояли рядом

    <table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>

    Asked by skoch244,

    0 votes
    3 answers

  21. Семантика. Номера телефонов

    В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую. Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами? Контакты: - 8 (111) 11-11-11 главный менеджер - 8 (111) 22-22-22 - 8 (111) 33-33-33 - 8 (111) 44-44-44 факс <div class="contacts"> <h2>Контакты:</h2> <address> - 8 (111) 11-11-11 главный менеджер <br /> - 8 (111) 22-22-22 <br /> - 8 (111) 33-33-33 <br /> - 8 (111) 44-44-44 факс <br /> </address> </div>

    Asked by vikusik,

    0 votes
    31 answers

  22. Посоветуйте скрипты

    Привет всем У меня вот такая "мини проблемка" возникла. Я уже хочю наполнять сайт инфой, но без скрипта не хочю начинать. Мне на сайт нада поиск скрипт можно php и даже с БД. Я уже и гуглил инфы много, но это все не то: некоторое не догоняю как установить, некоторое ещё что-то. Крч, помогите пж определиться с php или jQ скриптами, которые бы на 100% отлично выполняли все нужны мне опции : поисе по сайту, блок "Последние уроки, статьи, шаблоны". PHP совсем не знаю, пробовал учить нечего не понимаю. . . как - то все не так обьясняют, я основы понять не могу с чего "php - теги" состоят и т.п. И ещё подскажите какуе-то CSM, что бы было удобно ( с админкой ) пользоваться, бы…

    Asked by Shader,

    0 votes
    16 answers

  23. Проблема с кавычками

    Скриншот Верстка 1. Как сделать такие же кавычки как на скриншоте? Шрифты и размер как в макете. Кавычки ставлю где цифра 2. 2. Не получается фразу где кавычки так же сделать. Пробывал прописать float: left для левой кавычки и для цитаты. Получилось так. Это реально похоже на кавычки, но на макете они на одном уровне, а если я начинаю марджинами двигать там косячит все конкрентно. Или может проще кавычки картинками вставить?

    Asked by Rustick,

    0 votes
    2 answers

  24. Полоса прокрутки

    Здравствуйте. Подскажите, пожалуйста, как убрать полосу прокрутки, чтобы ее вообще не было видно? Попробовал с помощью урока -- не получилось. Вот в Опере есть галочка "Показывать полосы прокрутки", ее можно убрать, и полоса не будет отображаться (скриншот) -- как реализовать это на своем сайте с помощью CSS и/или HTML? Заранее благодарен! —- Задача решена! Всем спасибо!

    Asked by Alter_Ego,

    0 votes
    15 answers

  25. Не могу понять в чем дело (tooltip)

    Привет всем! В общем такая беда. Надо сделать подсказку для ссылки по клику. Нашел скрипт, там все работает. Копирую себе - не хочет. Может кто надоумит? Вот мой код: <li><a href="#">Недвижимость</a> <div class="find"><a href="" class="fortip">найдено 3 новых объекта</a> <div class="totip totip3">Tooltip 1</div> </div> </li> шапку и css, думаю, выкладывать не стоит. В путях точно все верно, а стили я скопировал с примера.

    Asked by Softlink,

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