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. польза от em

    помогите пожалуйста разобраться почему ширина блока не устанавливается пропорционально количеству букв. на страничке в нижнем правом углу есть некоторая конструкция. сейчас она работает так как я и задумывал. но для этого мне пришлось ширину контейнера ограничить 5 em. хотелось бы понять почему когда я задаю ширину 8em (в слове "создание" 8 букв) она становится больше, чем в теории(в этом случае одна строка вмещает 2 слова, что мне не надо)?

    Asked by cyklop77,

    0 votes
    1 answer

  2. Пользовательская полоса прокрутки

    Здравствуйте! Мне нужно поменять стандартную полосу прокрутки в браузере на собственную. Не просто поменять ее цвет, а полностью заменить - то есть использовать собственное изображение... Реально ли это осуществить и каким образом..?

    Asked by QoooPer,

    0 votes
    9 answers

  3. Пользовательские курсоры

    Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html

    Asked by Walk,

    0 votes
    5 answers

  4. Пользовательский поиск Google

    Просьба откликнуться тех, кто сталкивался с настройкой пользовательского поиска от Google. У меня сверстана форма поиска: http://jsfiddle.net/3WFKV/ К сожалению, я не могу встроить в готовый поиск форму пользовательского поиска. Подскажите, пожалуйста, как правильно это сделать, что бы внешний вид поиска остался таким как в верстке. Заранее благодарю!

    Asked by volshebnyi,

    0 votes
    7 answers

  5. Пользовательский стиль сайта

    Привет всем, первая тема на форуме, наверное не последняя Помогите пожалуйста прояснить такой вопрос. Я хочу сделать на своем сайте возможность настройки внешнего вида пользователями. Цвет фона там, шрифт и т.д. Примерно как вот тут. Какими средствами можно этого добиться? Могу лишь предположить, что для каждого юзера создается пользовательский css файлик, но как это на деле я не знаю.

    Asked by Sensei,

    0 votes
    4 answers

  6. Поля

    Приветствую, как мне сделать чтобы текст1 отображался справа от текст2 на расстоянии? Пример: Текст2: Текст1 Получается так: Текст2 Текст1

    Asked by Vans,

    0 votes
    2 answers

  7. Поля margin

    Объясните почему свойство margin не выравнивает список ul по вертикали Поля left right добавляет , top bottom нет margin:auto auto; http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471

    Asked by Ram,

    0 votes
    13 answers

  8. поля от 'body'

    Вопрос такой: - имеется код: <!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> <title>Непонятный отступ</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="all"> /* <![CDATA[ */ /* — global — */ html { font-size: 100.01%; } body { font-size: 62.5%; /* - '1em' = '10px' - */ } .wrapper { width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto; background: #ddd; } /* — // global // — */ /* — test — */…

    Asked by DjTarik,

    0 votes
    6 answers

  9. Поля формы

    Здравствуйте, есть сайт dkstudio.net а проблема моя заключается в форме. Когда кликаешь по форме, то исчезает подпись под текстовым полем, как и задумывалось. А дальше, например если человек уже ввел свой телефон или емейл, если кликнуть по тому же полю, то оно опять замещается изначальным значением (Your phone, your email и тд.)Подскажите пожалуйста как сделать так, что бы подпись исчезала только при исходном (пустом) значения поля, а когда в нем уже что то есть, то это замещение нужно убрать. Спасибо большое заранее

    Asked by DImas95,

    0 votes
    4 answers

  10. поля формы вылезли за края таблицы...

    поля формы вылезли за края таблицы: http://tuladogs.kamrbb.ru/?x=reg Как исправить? И написать красивый код. <input type=text name=fio style='width:100%'> Я бы хотел что бы инпуты и текстареа равномерно помещались в таблице и занимали всю область ячейки.

    Asked by Nikol Tesla,

    0 votes
    1 answer

  11. Поля формы разъезжаются при изменении размера экрана

    Здравствуйте. Делал лендинг на bootsrap , вроде все нормально, но одна форма разъезжается при изменении размера окна браузера. Как сделать ,чтобы поле для телефона и кнопка заказать была всегда друг под другом? Речь идет о форме ,где написано: "Оставьте заявку на увеличение продаж. Наш менеджер свяжется с Вами уже через 6 минут." Сайт : http://kobra_watch.apishops.ru/

    Asked by ishurgaya,

    0 votes
    5 answers

  12. Поля формы растянуть на 100%

    Здравствуйте. Я вопрос нарисую. Можно ли сделать вот так: Поле формы растягивается на всю ширину, но при этом левый край упирается в метку.

    Asked by Eldarado,

    0 votes
    1 answer

  13. Помагите новичку

    Помагите новичку Я не могу понять когда написал простой код <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Это напечатано шрифтом Courier</title> </head> <body> <p style="font-family:serif;">Это напечатано шрифтом Courier</p> </body> </html> и в Мозиле и ИЕ показывает мне непонятние значки если я меняю кодировку на UTF-8 то тогда виден текст на русском. Почему так и где моя ошибка.

    Asked by Serezhka,

    0 votes
    7 answers

  14. помагите пожалуйста сделать ПОДМЕНЮ В ПОДМЕНЮ

    ... .li2{color:red;text-indent:25px;border: 3px double green;} li.li2:hover{color:black;background: #FFCC33} ... <li class="li2"> <a name="подменю"><img src="file:///C:\Documents and Settings\Admin.MICROSOF-C03E38\Рабочий стол\HTML\qqq.gif">подменю</A> </li> ... надо сделать для этого подменю ещё одно подменю, которое будет появлять при наведении мышки вот если что все мои стайлы <style> .div1{border: 4px dotted red;width:205;height:340;padding:6px;background:rgb(255,255,100)} .ul2{list-style-type:none;margin:0px;padding:0px;cursor:none;} .li{color:black;border: 3px double green;text-indent:5;} li.li:hover{color:rgb(0,0,255…

    Asked by volkodav11,

    0 votes
    2 answers

  15. Помгите , не могу додуматься , как сделать

    <HTML> <HEAD> <TITle>Луна</TITLE> <Body background ="peaple.bmp" > <h1 align="Center">Первые люди на луне</h1> <H2><align="left" front face="arial">Задайте себе вопрос, что такое луна ?</front></H2> <p><font face="constantia" color="black">Луна (лат. Luna) — единственный естественный спутник Земли. Это второй по яркости объект на земном небосводе после Солнца и пятый по величине естественный спутник в Солнечной системе. Также, является первым (и на 2008 год единственным) внеземным объектом, на котором побывал человек. Среднее расстояние от Земли до Луны — 384 тыс. км. Диаметр Луны равен 3474 км,…

    Asked by Deniska_777,

    0 votes
    1 answer

  16. Помгите написать CSS для вывода изображений

    Добрый день. Я столкнулся с такой проблемой в WP: В процессе поиска решения, мне посотетовали что правильнее будет "отделение оформления от содержания" Но я совершенно не умею этого делать. В посте у меня одна картинка 150 х auto (миниатюра), остальные 100% х auto. помогите с куском кода для CSS, куда его вставить, и что нужно добавить в код картинки, что бы это было реализовано? (в приоритете перед физической шириной, шириной указанной в коде вывода картинки и, возможными другими установками темы? Возможно я что то не правильно формулирую, но моих знаний (точнее мое полное не знание CSS) не позволяет сформулировать точнее. Спасибо

    Asked by tester2014,

    0 votes
    13 answers

  17. Помгите реализовать рамку заголовка средствами html и css

    Дизайнер нарисовал вот такую рамку, для всех заголовков сайта. background блока не однотонный, как правило картинка или текстура Есть у кого нибудь мысли как это реализовать средствами html и css?

    Asked by gap,

    0 votes
    11 answers

  18. Поменять border родителя при фокусе дочернего input

    Нужно помять border родителя при фокусе дочернего элемента http://jsbin.com/pixut/10/edit?css,output Пробовал так, не получается. Без js это возможно? form span { display: inline-block; font-size: 18px; line-height: 1; background-color: #fff; padding: 6px 2px 6px 36px; margin: 20px; border: 1px solid #666;}form input { border: none; width: 360px; padding: 0; margin-right: 0px; font-size: 24px; color: #737373; transition: color 0.2s, border-color 0.2s; display: inline-block;}form input:focus { color: black;}span<input:focus{border:1px solid blue;

    Asked by ekkl,

    0 votes
    9 answers

  19. Поменять div'ы местами визуально.

    Возможно ли поменять местами верхний и нижний div без JS, с использованием только css и HTML? Размеры по вертикали обоих дивов неизвестны, они должны быть на определённом расстоянии друг от друга, например 0px(поэтому absolute у дивов не подходит). <html> <head> <style> #i1 { background-color:red; width:80%; height:200px; position:relative; bottom:0px; } #i2 { background-color:green; width:80%; height:200px; position:relative; top:0px; } #m{ position:relative; border:3px solid blue; } </style> </head> <body> <div id='m'> <div id='i1'></div> <div id='i2'></div> </div> </body> </html>

    Asked by Барабанщик,

    0 votes
    16 answers

  20. поменять атрибут тега при помощи события

    скажите пожалуйста почему в firefox 3.6 не получается нажать зеленую на кнопку? (в результате должна появиться надпись в верхнем левом углу). и если не трудно, посоветуйте как можно решить проблему. страничка

    Asked by cyklop77,

    0 votes
    3 answers

  21. поменять блоки местами

    Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…

    Asked by cardsmoney,

    0 votes
    5 answers

  22. Поменять блоки местами

    Всем добрый день! Есть довольно простая структура сайта: https://jsfiddle.net/j7n9yf5q/3/ Нужно при уменьшении ширины экрана (например до 768px) поменять блоки местами - Блок 1 перемещается под Блок 3, а если на странице только Блок 1 и Блок 2 - то они меняются местами. Соответственно, если размер окна снова увеличивается, то блоки должны стать на свои места. Как это реализовать при помощи Jquery?

    Asked by alejandro13,

    0 votes
    3 answers

  23. Поменять заголовки на блоггере

    Здравствуйте. У меня на блоге (blogger) все заголовки выдаются в h3, хотел поменять на h1, нашел в шаблоне как поменять выдачу заголовков на h1, но при этом ссылки на страницы с главной и разделов блога тоже h1. Как сделать чтобы заголовки были h1 а ссылки на эти же страницы пусть h5? Я думаю что надо поменять что то здесь <!-- Post --> <div class='post' id='post'> <div class='title'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <span class='title'> <b:if cond='data:post.link'> <h3><a expr:href='data:post.link'><data:post.title/></a></h3> <b:else/> <b:if cond…

    Asked by Honki,

    0 votes
    0 answers

  24. Поменять местами блоки <div> с помощью CSS

    Извините, если создавали уже такие темы, но не нашел их здесь. Собственно есть два блока див. Допустим <div>первый блок</div> <div>второй блок</div>. Как с помощью CSS можно поменять местами, чтобы первый второй блок был ВЫШЕ первого. Передвижение в пиксилях с помощью позиционирования сразу говорю не подходит, ибо контент блоков будет за частью меняться.

    Asked by pashkje,

    0 votes
    13 answers

  25. Поменять ссылку на картинку

    Проблема вот в чем: Есть такой код, <a href="java script:;" onclick="this.blur();showThem('login_pop');return false;" id="openLogin">Login</a> он выводит ссылку "Login" а как сделать что бы выводило нужную мне картинку за место ссылки?

    Asked by bowa,

    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