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. Нужна помощь в верстке

    Всем доброе время суток! Не на помнете как мне сделать стиль для IE6 и IE7? Помоему это делается так вкоде HTML <head> <!-- [if lte IE7]> а какой нужно писать путь в стилям? <![endif]--> </head> А в коде в CSS нужна писать по момоему так? *div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; } А да вот еще, что. Чем отличается прописания стилей? 1-ый вариант div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; 2-ой вариант #contayner { margin:0 auto; padding:0px; width:765px; height:100%;

    Asked by Bismuth,

    0 votes
    4 answers

  2. Резиновый сайт на div'ах

    У меня такой макет: Вот код, который я набрал: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <style> body { margin: 0px; } #container { display: inline-block; } #wrap { display: inline-block; margin: 10px; padding: 5px; background: yellow; } #header { height: 50px; background: green; } #content { float: left; min-width: 200px; background: orange; } #right { float: left; background: #a5a530; } </style> </head> <body> <div id="container"> <div id="wrap"> <div id="header">Header</d…

    Asked by Webscripter,

    0 votes
    1 answer

  3. треугольник паскаля

    построил треугольник паскаля как сделать так чтобы он выглядел как треугольник?

    Asked by vvsh,

    0 votes
    10 answers

  4. Неполная обводка ячейки

    В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.

    Asked by edwinkkc,

    0 votes
    12 answers

  5. SSI. Как прописать ссылки

    Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …

    Asked by Newbie,

    0 votes
    6 answers

  6. Проблема с выравниванем span в opera

    Добрый день. Сверстал сайт, все вроде бы нормально, даже в IE показывает все как надо, а вот в Opera 10.62, обнаружилась странная проблема - выпадение одного spana в лево. Не знаю даже по какому запросу гуглить. http://dl.dropbox.com/u/4410373/Portfolio1/index.html - тут можно глянуть как оно сверстано.

    Asked by oniantihero,

    0 votes
    3 answers

  7. Как перевести посетителей с одного сайта на другой?

    У меня на яндекс народе есть сайт. Недавно я перенесла этот сайт на платный хостинг. Скажите, пожалуйста, можно ли посетителей сайта, который размещен на народе, перенести на сайт на платном хостинге? Если да, то как?

    Asked by anna-2010,

    0 votes
    19 answers

  8. Как растянуть сайдбар по высоте, вровень с контентом?

    Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>

    Asked by freeentr,

    0 votes
    3 answers

  9. Четыре фикса в резиновом блоке

    Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.

    Asked by Veseloff,

    0 votes
    4 answers

  10. У лисы проблема с float

    В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…

    Asked by volkoff,

    0 votes
    19 answers

  11. как поставить логин и пароль на страничку маево сайта помогите чайнику

    Как поставить логин и пароль на страничку маево сайта помогите чайнику

    Asked by Marek,

    0 votes
    1 answer

  12. inline-block

    вместо флоатов решил попробовать в очередной раз inline-block. и не могу понять почему в IE не работает как надо. http://shadow.rxfly.net/1/delete.html делал по примеру в который раз уже не получается. что не так делаю?

    Asked by npofopr,

    0 votes
    4 answers

  13. Как создать таблицу без верхней границы

    Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    5 answers

  14. Div в div'e

    Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…

    Asked by chertixa,

    0 votes
    4 answers

  15. Смена цвета при наведении

    Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.

    Asked by nouqart,

    0 votes
    6 answers

  16. Проблема с SSI вставкой

    Пытаюсь подключить меню, которое вынес в отдельный файл к остальным страницам. код меню находится в файле content.html, который располагается в корне сайта. Главная страница index.html находится тоже в корне сайта. Остальные страницы онтосительно корня по адресу : pages\tourism На главную стканицу вдключил меню так: <!--#include file="content.html"--> а на остальные пытаюсь так: <!--#include file="../../content.html"--> но меню подключилось почему-то только на главной странице на остальных выдаёт ошибку "an error occurred while processing this directive". Пути указал насколько понимаю правильно. Но почему-то меню подключает только к главной странице. Подска…

    Asked by Newbie,

    0 votes
    5 answers

  17. IE6: не убирается элемент при отведении курсора в hover

    Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span>&lt…

    Asked by Maha,

    0 votes
    9 answers

  18. Три колонки, вторая - в центре, и имеет фиксированную ширину

    Нужно сделать так, чтобы центральный слой имел фиксированную ширину (например, 800px), а 2 других обтекали его слева и справа, заполняя оставшееся место в окне браузера. Никак не получается, наверно из-за погоды. body { /* стиль всего документа */ background: #fff url(img/gradient.png) repeat-x; padding: 0; margin: 0; } div.top_center { background: url(img/top-center.png) top center no-repeat; width: 800px; height: 300px; margin: 0 auto; } div.top_left { float: left; background: url(img/top-left.png) top right repeat-x; height: 300px; } div.top_right { float: right; background: url(img/top-right.png) top left repeat-x; height: 300px; } Не зна…

    Asked by tigerpvr,

    0 votes
    6 answers

  19. Побороть ie7

    Есть гор.меню где я использовал список. <ul> <li><a href="#"><i> </i><i> </i>Главная</a></li> <li><a href="#"><i> </i><i> </i>Форум</a></li> <li><a href="#"><i> </i><i> </i>Категории</a></li> <li><a href="#"><i> </i><i> </i>Нажими</a></li> </ul> Каждому пункту списка я проставил float: left; после чего они встали в ряд и начали растягиваться что бы поместить в себя содержимое, т.е. пункт категории шире чем пункт форум(так и задумывалось). Но в IE7 каждый пункт списка ра…

    Asked by rediskavet,

    0 votes
    11 answers

  20. Color

    Как сделать плавный переход от одного цвета к другому

    Asked by zhurbb,

    0 votes
    9 answers

  21. Как сделать, чтобы заработал SSI

    Пытаюсь создать сайт. Решил добавлять на свой сайт меню и footer при помощи ssi. Прочитал статью http://stepbystep.htmlbook.ru/?id=39 И попробовал будет ли работать ssi на простом примере как в вышеуказаной статье: Для проверки создал три файла: index.shtml <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SSI</title> </head> <body> <!--#include file="content.html"--> </body> </html> content.html <h1>Работает!</h1> и в этой же папке .htaccess AddTy…

    Asked by Newbie,

    0 votes
    1 answer

  22. Картинка выползает за div

    Столкнулся с проблемой выезда картинки за пределы div. <div class="newsdgrp_right" id="news_217"> <div class="newsthomb_right"><img class="newsicon_right" src="index_data/217s.gif"></div> <div> Ассортиментная скидка </div> </div> и код css .newsdgrp_left, .newsdgrp_right { clear: both; padding: 5px 5px 10px 5px; margin-bottom: 5px; border: 1px solid #A3C5E9; padding: 5px 5px 10px 5px; margin-bottom: 5px; } div.newsthomb_center, div.newsthomb_right{ float: right; padding-bottom: 5px; padding-left: 10px; } .newsicon_right, .newsicon_center, .newsicon_left{ margin-right: 10px; } В итоге получаю вот такое: …

    Asked by Alfiks,

    0 votes
    2 answers

  23. Ресайз видео при нажатии на превью

    Вопрос: Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80 Как сделать так, чтобы при нажатии на превью, пользователь либо переходил на ютуб (на канал с роликом), либо на страницу на сайте, где и выложен сам ролик. Код <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/></object>

    Asked by YaD,

    0 votes
    1 answer

  24. Высота div с плавающими блоками внутри

    Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.

    Asked by warobushek,

    0 votes
    6 answers

  25. Position fixed для IE6

    Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом. Подскажите как это сделать? Вот CSS того самого блока: width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81

    Asked by Nigelist,

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