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. Не работает overflow.

    Доброго времени суток. Подскажите пожалуйста. Где ошибка? Проблема в том, что у рамки не работает overflow:auto. В чем может быть проблема? Я уже все перепробывал. Если убрать стандартизацию доктайп, то все работает в последней опере и в IE6, а в FF3.6 не хочет. Если ставишь доктайп, то нигде не работает. Заранее благодарен. Вот ссылка на сайт {это пробный}. http://jannella-3000.narod.ru/

    Asked by Jannella,

    0 votes
    8 answers

  2. Ищу layout с колонками одинаковой высоты

    Подскажите, пожалуйста, layout, сделанный на div, с колонками одинаковой высоты и состоящий из шапки, трёх колонок и футера. При этом высота колонок должна быть сделана без использования каких бы то ни было скриптов, сам layout должен быть резиновым, а колонки идти на всю высоту экрана, даже если в них ничего не будет. Плюс layout должен быть кроссбразерным и нормально работать в IE6 и прочих проблемных браузерах. В общем, ищу что-то такое. Пока удалось найти устаревшие layot'ы, которые делались ещё для нормальной работы в IE4, но это не совсем то, что надо. Там либо есть javascript, либо приёмы вёрстки устаревшие. Спасибо!

    Asked by thekap,

    0 votes
    4 answers

  3. Почему div не отображается в ИЕ?

    Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?

    Asked by warobushek,

    0 votes
    5 answers

  4. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter,

    0 votes
    30 answers

  5. <body oncopy="onCopyEvent()">

    Подскажи пожалуйста, вот это свойство <body oncopy="onCopyEvent()"> как то в css файл вынести можно?

    Asked by Loed,

    0 votes
    12 answers

  6. Положение текста внутри input

    Помогите пожалуйста. Нужно чтобы текст был на определенном расстоянии от нижней границы в элементе INPUT (бэкграунда для INPUT). Удалось добиться такого визуального эффекта в мозилле за счет уменьшения высоты самого input. В IE 7 это не вышло, т.к. input выравнивается внутри div в мозилле - по верхнему краю, а в ИЕ - по нижнему. Пробовал использовать padding-bottom для INPUT но он почему то не работает для него. Вот проблемная часть http://tri4.ax3.net/akado_ural/akado-ural.html

    Asked by warobushek,

    0 votes
    15 answers

  7. Добавление в Buzz, Twitter, Facebook итп

    Я нашел много кнопок для добавления сайта в такие сервисы, как tweetmeme, facebook, stumbleupon, digg и buzz. вставил скрипты на сайт, они беспорядочно расположились по страничке. а я хочу, чтоб эти кнопки шли горизонтально. вот код всех кнопок вместе: <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> <a title="Опубликовать в Живой ленте Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ru"></a> <a name="fb_share" type="box_count" href="http…

    Asked by zhitkov,

    0 votes
    7 answers

  8. выпадающий список из txt-файла

    Подскажите пожалуйста как сформировать выпадающий список, так чтобы значения брались из файла txt? буду очень благодарен!

    Asked by Hasol,

    0 votes
    6 answers

  9. Не работает ссылка

    Всем привет. Подскажите пожалуйста... Нужно, чтобы нажимаешь на ссылку и она переходит на указазнную страницу, в указанное место. В одном документе прописываю: <a href="../menu/prices.html" class="reklama">Визитки</a> <a name="vizitki"> </a> А в документе prices.html в div-e задаю <div id="vizitki">Визитки</div> Будет такое работать?

    Asked by Alek7y7,

    0 votes
    3 answers

  10. Опять ИЕ и background

    На этом сайте http://escort.ru/ в шапке есть background тянущейся в правом блоке шапки Везде нормально но в ИЕ6 полоска как то странно к низу прибита... Почему так подскажите пожалуйста

    Asked by Mary_RND,

    0 votes
    3 answers

  11. упорядоченные списки

    задаю стили для <ol><li></li></ol> все получается, только нумерация списков остается такой же, как быть, подскажите пожалуйста

    Asked by sv12,

    0 votes
    11 answers

  12. Иконка в H2 - как вертикально центрировать?

    Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table…

    Asked by PoshtarBoba,

    0 votes
    2 answers

  13. проблема: фон для тэга <html>

    css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…

    Asked by no.na.me,

    0 votes
    9 answers

  14. проблема с бекграундом

    не могу понять почему на странице decman.ру отображается картинка с бекграундом а на смежной странице decman.ру/skvend/ (которая отличается только названием картинки ) ее нет. ПС -картинка на фтп лежит , пути правильные. косяк не пойму в чем-не хочет отображаться на другую а если назвать back как на главной то видит картинку главной странице

    Asked by Deca,

    0 votes
    1 answer

  15. Титульная страница по центру...

    Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!

    Asked by Guooff,

    0 votes
    5 answers

  16. Помогите с вёрсткой слоями!

    Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…

    Asked by ruit,

    0 votes
    13 answers

  17. Проблема в браузене Сафари

    <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …

    Asked by Mal4ishnik,

    0 votes
    11 answers

  18. Двойной backround в CSS в IE

    Всех приветствую. Возникла такая проблема. background: url(img/img1.png) bottom no-repeat, url(img/img2.png) top no-repeat; Создание окаймляющих элементов для верха и низа блока нормально отображается в Opera, Chrome А вот IE 8 не отображает. Если просто background: url(img/img1.png) bottom no-repeat; То нормально, а вот для верха и низа сразу не отображает. В чем проблема? Как обойти или исправить? Спасибо!

    Asked by Svoi,

    0 votes
    4 answers

  19. дизайн формы

    есть такая форма decman. ру/contact/ хочу поменять вид формы а именно полей ввода в php прописал на одну из полей <td><input type="text" name="message" maxlength="164" height="100" vspace="100" class="mess'" value="<?php echo $message ?>" /> </textarea></td> в сss .mess { background-color:#666; } не работает исправите мою ошибку

    Asked by Deca,

    0 votes
    2 answers

  20. Спрятать текст в заголовке

    Привет всем. Вот такая задача: есть логотип в виде картинки, я хочу засунуть его в заголовок верхнего уровня (<h1>) в виде backgroundа но так что б текст который находится в заголовке не было видно . Вот пример того что есть, но вот как спрятать текст я еще не понял . Как это можно сделать ? Спасибо

    Asked by One,

    0 votes
    6 answers

  21. Бэкграунд в IE 6

    Подскажите, пожалуйста в чем трабла с бэкграундом, который прописан в <div id="right_bg"></div> (правая колонка). В 6 эксплорере почему то на 10 пикселей бэк выдается вправо. http://test.prostokitay.ru/glossary/ Спасибо заранее

    Asked by Adrianoff,

    0 votes
    3 answers

  22. Как лучше продвинуть сайт в поисковиках

    Может ли кто то посмотреть обычный сайт визитка и подсказать какие ошибки могут мешать оптимизации и продвижению? И как лучше всего продвинуть сайт в поисковиках? Я новичок поэтому извините если что не так написал. Сайт описает транспортную компанию, адрес: www.goldenway-ltd.ru

    Asked by Plecho,

    0 votes
    3 answers

  23. Резиновые Элементы c обрезанием при min-width

    http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg Во общем задача такая есть два блока с картинками к примеру серые квадраты. если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024. Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

    Asked by Mysticismm,

    0 votes
    3 answers

  24. Изменение порядка загрузки изображений

    Добрый день! Порой встречаются страницы, на которых достаточно много тяжелых изображений. При этом браузер начинает загружать все изображения одновременно. Пример такой страницы: http://africa-studio.ru/04_studio.htm Можно ли сделать так, чтобы изображения загружались по очереди в той последовательности, в которой они встречаются в коде, т.е. чтобы следующее изображение не начинало загружаться, пока полностью не загрузится предыдущее? P.S. галерея работает некрасиво, приходится ставить большую начальную задержку, иначе при первом проходе изображения показываются обрезанными, т.к. они еще не загрузились: http://tihonko.spb.ru/show_gallery.php?id_section=25

    Asked by alex_tihonko,

    0 votes
    3 answers

  25. проблема отступов

    Здрасте братцы, извините сразу ссылку дам freayy.ru, посмотрите форму логина, не могу сделать, чтобы слова Логин/Пароль были аккуратно напротив текстовых полей. И вообще кажися я не понимаю как эти отступы пашут о_О, вообще не пашут. Рылся тут по форуму, факу и прочея, догадываюсь что проблема типовая, но, извините ответа не нашёл. Если направите на какое то могучее руководство по моей проблеме очень, очень буду рад. Для тех кто не хочет смотреть сайт, немного изменённый но практически тот же код формы логина: <style> .lgin{width:55px;} .otst3 {float:left;margin-left:55px;} .otst{position:relative;margin-top:3em;} .lgin1{clear:both;position:relative;top:6px;} </…

    Asked by shaded,

    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