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. Повернутый текст в IE, помогите пожалуйста

    Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…

    Asked by AlexV,

    0 votes
    2 answers

  2. Атрибут формы

    Здравствуйте Файл say.html имеет форму: <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> <!--……--> </form> Как посредством php, после отправке сообщения, сделать форму не видимой, на странице браузера. <?php if (isset($_POST['$name'])) {$name = $_POST['$name'];} if (isset($_POST['$email'])) {$email = $_POST['$email'];} if (isset($_POST['$message'])) {$message = $_POST['$message'];} $address = 'resurs@thebat.net'; $sub = "Мастер класс"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = w…

    Asked by resurs,

    0 votes
    11 answers

  3. Сайт для iPhone

    Здравствуйте! Создаем сайт социальной сети. Как сделать возможность загрузки изображений с iPhone ?

    Asked by Светлана Г.,

    0 votes
    4 answers

  4. Сьезжает длинный текст пункта меню

    Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так: Ясное дело что надо сделать выравнивание по первой строке. Меню выглядит так: <ul class="menu" id="1"> <li class="item13"><a href="/str"><span>Структура</span></a></li> <li class="item12"><a href="/pr"><span>Правление</span></a></li> <li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul> Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссыл…

    Asked by advokatua,

    0 votes
    2 answers

  5. Как сделать валидную кнопку-ссылку

    Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.

    Asked by KoDA86,

    0 votes
    11 answers

  6. Изменить вывод

    Люди, есть вопрос, у меня дле, так вот сам вопрос, например когда регистрируешся, или вводит не ккоректный отзыв, дле не разрешает это сделать и появляется рамочка в которой пишется мол, заполнены не все поля или коментарий слишком короткий, только нужно что б эта рамочка появлялась на этой же странице вверху а не на новой пустой.... Ну вы понимаете о чем я говорю "на той же странице"? Очень нужно подскажите плиз!

    Asked by wmin1,

    0 votes
    1 answer

  7. PHP запрос

    Доброго времени!!!В базе в поле text(для контента) размещён определённый текст и в конце вывожу ссылку на файл который лежит в каталоге корня сайта,при обращении к ссылке появляются каракули!!! Люди прошу помощи,в чём причина.За ранее Спасибо....

    Asked by SVitekD,

    0 votes
    5 answers

  8. проблема с margin-top

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  9. Стиль для текста

    Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?

    Asked by ShootingStar,

    0 votes
    5 answers

  10. Черная полоса и таблица

    День добрый! Не люблю приамбул, но здесь придется: код - первая доска для проб лепки из пластелина, на которой происходило и происходит знакомство с азами, так что не надо умничать про кривизну, я и сам догадываюсь, ответьте по делу: 1. На сайте вверху черная-причерная полоска во всех браузерах (хотя в ИЕ, например, она шире). 2. Сайт - сплошная таблица, заполненная картинками (где содержанием, а где и вовсе бэкграундом). Во всех браузерах отображается корректно, но в некоторых версиях Оперы (в т.ч. и Portable) есть момент - примерно каждый 10й заход на сайт ломается таблица и отображается что-попало. Эффект можно пронаблюдать методично нажимая F5. На последних верси…

    Asked by Uvelirr,

    0 votes
    5 answers

  11. Невидимый пробел

    Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!

    Asked by kamaz6141,

    0 votes
    11 answers

  12. Разъезжается header.php

    Добрый день! Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт. Возникла проблема: Имеется файл header.php с кодом: <table width="1024"> <tr width="1024"> <td width="230" rowspan="2"> <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a> </td> <td width="520" > <h2> Подарочные книги оптом и в розницу от издательства. <br /> Мастерская подарочных изданий. </h2> </td> <td…

    Asked by Vzeka,

    0 votes
    0 answers

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

    Есть вертикальное меню, с фиксированной шириной, а названия пунктов в меню не вмещаются в эту ширину. Получается каша. Как все эти слова выровнять по высоте, чтобы и длинный текст по центру располагался (в две строчки), и короткий тоже выравнивался по вертикали. Вот здесь пример: http://jsfiddle.net/wmEQj/ Заранее спасибо.

    Asked by Imperil,

    0 votes
    3 answers

  14. Помогите с кодом

    Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог А вот собственно сам код: Помогите пожалуйста. Очень надо

    Asked by Timoti_xxx,

    0 votes
    0 answers

  15. bb коды на ucoz

    в общем я хотел сделать на сайте в разделе добавления материала в каталоге файлов дополнительный bb код с помощью которго можно было бы как то выделить нужную информацию вот скипт <script type="text/javascript"> $(document).ready(function(){ $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"Важное примечание\" value=\"Важное\" onclick=\"simpletag('attention','','','message','')\" class=\"codeButtons\" id=\"attention\" type=\"button\"></span>"); }); </script> так вот, не знаю как нужно придать вид этому делу если просто то получается к примеру так [attention]Очень важно[/attenti…

    Asked by tema,

    0 votes
    2 answers

  16. Сufon

    Здравствуйте. При подключении нестандартных шрифтов через сервис Cufon столкнулся с трудностью в виде неподдающихся регуляции различных св-в блока<canvas>! По следующей ссылке можно увидеть скрин с обозначенным для примера блоком, на свойства которого мне не удаётся воздействовать: http://yamaradg.narod2.ru/history/canvas.jpg Все сss свойства в файле cufon-yui.js тщательно пересмотрел - но не могу понять от куда берутся стили указанные на принтскрине? Решить вопрос через стили именно в самом CSS не удаётся - поскольку корректно воздействовать на величину высоты например - невозможно(искажается дизайн текста) До этого генерировал этот шрифт без знаков пунктуации и вс…

    Asked by Yamaradg,

    0 votes
    0 answers

  17. Верстка кнопки

    Не получается сделать овальную динамичную кнопку с помощью картинок. У меня 3 картинки - левый край, центр(полоска) и правый край. CSS background:url(левый_край.gif) no-repeat; background:url(центр.gif) repeat-x; background:url(правый_край.gif) no-repeat 100% 0; Все хорошо, все работает, но края у меня скругленные, с прозрачными углами. И получается, что в этих местах видна картинка центр.gif Вот собственно вопрос, можно сделать так, чтобы под картинками левый_край.gif и правый_край.gif небыло картинки центр.gif?

    Asked by frog163,

    0 votes
    15 answers

  18. HTML "Формы" запросов

    Доброго времени суток коллеги. перед мной стоит задача построить некий справочник. который одновременно производит поиск в базе из 3-х форм сразу. Базку поднял, всё работает, ищит. Но теперь встал вопрос красоте! Подвесил на формочки картинки и решил описание формы указать в самой форме т.е задействовать Value авто-текст форм при старте. Выглядит так это чудо: вид самой формы запроса из базы. <FORM action="index.php?page=tel" method="get"> <input type = hidden name="page" value="tel"> <b style='mso-bidi-font-weight:normal'><span style='color:blue'><a href="index.php?page=tel"> <span style='mso-spacerun:yes'>Содержание справочник…

    Asked by oscora,

    0 votes
    2 answers

  19. в IE7 пропадают объекты, интересный случай

    Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…

    Asked by safiullin.at,

    0 votes
    3 answers

  20. Не растягивается height:100% блоки до футера

    Здравствуйте, вот собственно и проблема, не понимаю в чем дело, HTML CSS

    Asked by Bingo,

    0 votes
    2 answers

  21. Верстка текста или списков в три колонки

    Здрасте. Интересует верстка текста в три колонки на css. И возможно ли на css? И потребуется ли JS? Есть динамическая страница в которую периодически добавляются данные. Данные берутся из бд и вставляются в теги списков ul li. Можно ли сделать верстку как на картинке, чтобы при добавлении новых списков все сдвигалось по стрелкам? Понимаю, что требуется определенная высота блока в котором находятся эти списки, понимаю что для каждого списка нужно назначать float, но ес-но до конца добить не могу Пример можно глянуть здесь: ib-gallery.ru (по нажатию на "производители"). Один большой список возможен, но не желателен. Спасибо

    Asked by alex_anderr,

    0 votes
    2 answers

  22. белая полоса в opere

    Сверстал страницу высотой 1120px, во всех браузерах отображается нормально только в опере проблема... в опере блок получается слишком высоким и появляется белая полоса в самом низуу... Можно как нибудь задать высоту блока специально для оперы?

    Asked by Krote,

    0 votes
    2 answers

  23. вертикальное выравнивание в блоке

    как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%

    Asked by z1a2r,

    0 votes
    2 answers

  24. Неправельное отображение в ХРОМЕ

    Добрый вечер! Уже 4 часа убил, но никак не могу понять мочему во всех браузерах отображаеться нормально, а в Хроме идет сдвиг... Суть проблеммы в чем: есть сайт: http://turnkey.org.ua/solli/ У него есть нижнее многоуровневое меню с выпадающими списками. И третий уровень меню во всех браузерах отображаеться нормально, а в Хроме идет сдвиг на пару десятков пикселей.. - Принскрин с мозилы - Принскрин ХРОМА Помогите пожалуйста, где я допустить мог ошибку?

    Asked by myav4ik,

    0 votes
    7 answers

  25. Наложение картины на меню

    Привет всем! Подскажите, пожалуйста, как реализовать такую изюминку "]. Какие свойства прописывать в СSS? Трудность, в том, что картинка заголовка является не правильной прямоугольной формы, а с маленькой выступающей частью, которая и должна налагаться на горизонтальное меню.

    Asked by Dayana_S,

    0 votes
    1 answer

  • Обсуждения

    • 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