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. Вопрос про селекторы

    Вот смотрите допустим html код следующий - ... <body> <div id="wrap"> <div id="left"> <div class="menu"> <h2>Menu</h2> <span class="main_menu">Main menu</span> </div> </div> <div id="content"> ... </div> </div> </body> ... Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильн…

    Asked by FoxyFru,

    0 votes
    1 answer

  2. min-width для пунктов меню

    li a{display:block;height:56px;text-align:center; padding-top:45px;float:left; min-width:40px; background:url(munu_bg1.png) 50% 0 no-repeat } подскажите как тут поступить для динозавра IE6? У меня пункт меню имеет ширину AUTO!

    Asked by dostel1,

    0 votes
    0 answers

  3. Div Height 100%

    Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.

    Asked by yarikus,

    0 votes
    6 answers

  4. верхняя ячейка "расползается" по высоте за счет нижней

    Помогите, пожалуйста, решить вот какую проблему: есть таблица <table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftColl" rowspan="2" height="471px"></td> <td id="header"></td> </tr> <tr> <td id="innerCont" rowspan="2" valign="top"> <p>content</p> </td> </tr> <tr> <td valign="top" id="contSideLeft"></td> </tr> </table> к ней стиль table#subCont { border-collapse: collapse; empty-cells: show; table-layout: auto; } td#leftColl { max-height: 471px; height: 471px; width: 355px; b…

    Asked by triton,

    0 votes
    0 answers

  5. Скрипт ЛаваЛамп и двухуровневое css меню

    Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.

    Asked by zhuravlik,

    0 votes
    1 answer

  6. список в 3 колонки

    Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140

    Asked by necro,

    0 votes
    7 answers

  7. Неадекватный IE

    Люди, подскажите, может кто знает. Кроссбраузерный вариант отображения фоновой картинки по высоте и ширине страницы. Используется правило для IE, однако, когда подключается css - страница отображается, но при этом не работают ни ссылки ни текстовые поля, даже текст нельзя выделить. Вот проблемный код (если отключить - все работает, но фоновая картинка, естественно, не отображается). .body { width: 100%; position:fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); z-index: 0; }

    Asked by sanchous1,

    0 votes
    1 answer

  8. Hr с разрывом текстом

    Друзья, подскажите как сделать так?

    Asked by ganzales,

    0 votes
    3 answers

  9. IE9 - режим совместимости

    Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"

    Asked by SkyTrace,

    0 votes
    1 answer

  10. Проблема margin

    Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…

    Asked by HQ_Maker,

    0 votes
    1 answer

  11. css3 transition

    Всем привет. В принципе код: nav .menu > ul { float: left; font-size: 12px; text-transform: uppercase; } nav .menu li { list-style: none; line-height: 25px; } nav .menu > ul > li { float: left; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } nav .menu > ul > li:hover { background: #f9623e; …

    Asked by Nightmare,

    0 votes
    1 answer

  12. ИМ Связной и способ их работы

    Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155

    Asked by Torvin,

    0 votes
    4 answers

  13. Вставка изображения посредством css/php

    Добрый день всем Вобщем, суть вопроса такова Из первого сделать второе Пробывал: через img src вставить в header.php - вставляется, но не загружается, т.е. вообще не кэшируется на странице, хотя в "Инф о странице" файрфокса прописывается в списке элементов, но не размер не формат неизвестен. Также пробывал через php echo все с тем же img src А как вставить посредством css - вообще ума не приложу... Что посоветуете? Сайт - kiadesign.ru , архив со всеми файлами темы WP - kiadesign.ru/wp-content/uploads/2011/12/theme.zip код header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1…

    Asked by kia,

    0 votes
    8 answers

  14. Табличная верстка в IE

    Есть таблица, в которой 5 столбцов. Первый столбец должен быть резиновым, все остальные фиксированного размера. <table width="100%" border="0"> <tr> <td height="10px"></td> <td width="10px"></td> <td width="250px"></td> <td width="10px"></td> <td width="40px"></td> </tr> <tr> ... </tr> </table> Во всех браузерах, кроме IE, конечно, все нормально.. но IE надо указывать ширину для первого столбца, как ее указать, чтоб она была резиновой, если min-width для таблиц, я так понимаю, не действует..

    Asked by Allie,

    0 votes
    1 answer

  15. Блоки разбегаются что делать?

    <!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"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…

    Asked by Yarkaya,

    0 votes
    3 answers

  16. Сверстаная форма отправки

    <form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…

    Asked by Tchorteg,

    0 votes
    2 answers

  17. Рисование с помощью CSS3

    Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?

    Asked by Tmin10,

    0 votes
    3 answers

  18. проблема с наложением блоков

    Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

    Asked by triton,

    0 votes
    3 answers

  19. Сайдбар поехал

    Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…

    Asked by WabFad,

    0 votes
    2 answers

  20. Фиксированная ширина на th в IE

    Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.

    Asked by Pumych,

    0 votes
    2 answers

  21. Не получается вывести результат из БД.

    То есть пытаюсь в админки сделать раздел, где при создание статьи, в заполняемой форме, будет указан раздел "Прикрепить комментарии?" а ниже будет две радио кнопки: [да] [Нет]. ФРАГМЕНТ КОДА (из формы): <label>Прикрепить комментарии?<br> <input checked type="radio" name="vk_coments" value="blocks/vk_comments_on.php">Да<Br> <input type="radio" name="vk_coments" value="blocks/vk_comments_off.php">Нет<Br> </label> ...... Допустим выбрали [да]. Выбранное значение "blocks/vk_comments_on.php" заносится в базу. С этой частью трудностей не возникло. Дальше, я пытаюсь в разделе [Редактировать], поменять в этой статье, значение раздела "П…

    Asked by Mahay,

    0 votes
    0 answers

  22. Начинающий с 0-0

    Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)

    Asked by dom7a,

    0 votes
    2 answers

  23. Перемещение фокуса

    Имеется код вида: <form action="" method="post"> <input type="text" /> <a href="#">создать аккаунт</a> <input type="password" /> <a href="#">вспомнить пароль</a> </form> Условие: Фокус на первом инпуте (text)/ Проблема: При нажатии на «Tab» фокус, по крайней мере в Хроме, перемещается на ссылку «создать аккаунт», а не на input с type="password". Как такая проблема решается? P.S. Поиск мне не помог (ну или я просто не умею его готовить).

    Asked by Shugich,

    0 votes
    5 answers

  24. Отступ резиновых блоков

    Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}

    Asked by kostik86,

    0 votes
    3 answers

  25. Почему?

    Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?

    Asked by Yarkaya,

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