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 меняется отступ при наведении на элементы с hover

    Есть блок меню, где стоят ссылки с атрибутом hover. в IE6 при наведении мыши на нижнюю ссылку меню меняется отступ всего блока. вот адрес http://homerepairing.ru/ (кусок сайта). файл css для ie http://homerepairing.ru/style_ie.css также есть другой элемент с подобной проблемой, но думаю, решив эту проблему ту решу по аналогии

    Asked by Stahanovec,

    0 votes
    2 answers

  2. Проблемы с блоком

    Помогите пожалуйста с блоком контента. Не могу понять, почему он не растягивается вместе с содержимым. Растягивается только если указать height конкретный размер. А с auto не хочет. #content { height: auto; width: 698px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d6d6d6; border-left-color: #d6d6d6; border-right-width: 1px; } screenshot

    Asked by blablabla,

    0 votes
    4 answers

  3. 2 вопроса, JavaScript+CSV и div в div

    Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.

    Asked by ghost,

    0 votes
    2 answers

  4. Отцентрировать float

    Есть группа элементов float:left неизвестной ширины. Можно ли их отцентрировать в контейнере по горизонтали. Требуется для меню горизонтального. [..................[float][float][float][float].......................]

    Asked by still swamp,

    0 votes
    8 answers

  5. Проблема с блоком

    Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: ri…

    Asked by WhiteNight,

    0 votes
    3 answers

  6. Проблема с блочной версткой

    Здравствуйте. Бьюсь над осовением блочной верстки. Вот есть промежуточный результат на данный момент: http://mmcpajero.ru/Proba.htm не могу понять, как красный блок сделать шириной до желтого и при том чтобы он менял размеры вместе с изменением размеров окна браузера... Заранее спасбо. Буду рад даже ссылочке на описание подобных версток...

    Asked by WhiteNight,

    0 votes
    8 answers

  7. Пролемы вёрстки divaми

    <head> <title><?php echo $title ?></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> *{ padding: 0; margin: 0; } .container{ width: 80%; margin: 0 auto; } .left{ float: left; width: 120px; background-color: #2FDD2F; min-height: 500px; } .right{ float: right; width: 120px; background-color: #2FDD2F; min-height: 500px; } .content{ font-family: "Times New Roman", Times, serif; margin-left: 120px; margin-right: 120px; min-height: 500px; text-align: justify; padding: 5px; } .header{ font-family: Arial, Helvetica, sans-serif; font-size: larger; letter-spacing: 1.5px…

    Asked by Monyk,

    0 votes
    9 answers

  8. Не могу задать порядок слоев в ИЕ и О

    Верстал сайтик очередной. И попал в жесткое затруднение. Открываем ссылку например в лисе. Наводим поочередно на левую и правую часть. Появляются тултипы и если кликнуть то будет переход на следующую или предыдущую страницу. Если открыть в ИЕ7-8 или Опере, то ссылки не будет. Будет перекрытие. Пробовал разные вещи 1. Менял порядок вывода элементов, т.е. сначала картинка, потом ссылки, и наоборот 2. Пробовал в блоке позиционировать все элементы 3. Игрался с z-index. Даже не знаю что и делать

    Asked by PaLyCH,

    0 votes
    20 answers

  9. Проблема с jQuery Corner

    Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!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> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.…

    Asked by Mr.Black,

    0 votes
    5 answers

  10. Смесить блок в IE

    Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?

    Asked by WhiteNight,

    0 votes
    2 answers

  11. Как закрасить отступы margin ?

    Доброго времени суток! Подскажите пожалуйста, как закрасить отступы margin? есть главный блок, он закрашен фоном. Далее в этом боке создаю еще один и назначаю ему отступ margin-left: 20px; Но при просмотре в опере или ie7(на других пока не смотрел) пропадает часть фона как раз на ширину отступа. Как уколоть эту ошибку?

    Asked by viv,

    0 votes
    19 answers

  12. Хак для IE 5.5

    Господа, подскажите хак для ишака 5.5 персональный чтоб его понимал только 5.5 и никто кроме него.

    Asked by Mr Loga,

    0 votes
    23 answers

  13. Расстояние между float.

    У описанного стиля между элементами появляется непонятное мне расстояние на FF. Что это может быть? <style> div.root { border:1px solid black; } div.root div.line { padding:0px; margin:0px; outline: 0px; display: inline; background:brown; } </style> <div class="root"> <div class="line">qwee</div> <div class="line">Пункт меню </div>

    Asked by still swamp,

    0 votes
    2 answers

  14. Валидность кода

    Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…

    Asked by ghost,

    0 votes
    7 answers

  15. отправка disabled элементов скрипту

    Здравствуйте, столкнулся с тем, что disabled элемент формы при ее отправке не помещается в массив $_REQUEST обрабатывающего php скрипта. Это так и задумано?

    Asked by warobushek,

    0 votes
    1 answer

  16. Растягивание блока по ширине

    Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…

    Asked by WhiteNight,

    0 votes
    11 answers

  17. Пустой тэг это плохо?

    Вот собственно вопрос, а пустой тэг это плохо? И вообще какой по вашему идеально чистый код? Не раз видел пустые тэги на авторитетных сайтах для закругления углов. Если: 1. Валидный код при stricte 2. Кроссбраузерный на 100% 3. Симантичный 4. Красивый код то это мега репект, да? Покажите мне плиз хоть один такой сайт.

    Asked by Yahoo!,

    0 votes
    58 answers

  18. Эффект журнальной верстки в веб

    Подскажите пожалуйста можно ли при помощи div+css сделать так, что б картинка обтекалась текстом со всех сторон и при этом была как бы между двумя колонками текста. должно выглядеть примерно так так что бы подобное обтекание было в случае с одной колонкой - понятно. а вот в случае с двумя, что-то меня заклинило...

    Asked by Katerina_,

    0 votes
    9 answers

  19. Двух колоночный макет на таблицах

    Здравствуйте, я начинаю изучать верстку, решил сделать двух колоночный макет на таблицах и не могу понять… Хотел делать как на первом варианте, но просмотрел один из видеоуроков и там делалось как на втором, т.е. вкладывалась еще одна таблица. И теперь я не могу понять какой вариант верный и зачем он (автор урока) вложил еще оду таблицу. Помогите пожалуйста, или может Вы знаете где есть объяснения по моему вопросу, заранее спасибо.

    Asked by Dallass,

    0 votes
    12 answers

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

    <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

  21. Полоса прокрутки текстового фрагмента

    Уважаемые эксперты! На новостной странице сайта нужно создать полосу прокрутки для текстового фрагмента, не умещающегося на странице. Полазив в Сети, создал такой код: <html> <head> <title>XXX</title> </head> <body> <div id="wb_Text2" style="position:absolute; left: 385px; top:150px; width:680px; height:560px; z-index:6;"align="left"> <iframe src="l-25.html"> </iframe> </div> </body> </html> Получаю окно с полосой прокрутки, расположенное в соответствии с показателями left и top. Но размер окна (width:680px; height:560px) никак не регулируется. Оно явно меньше этих показателей. Как его поменять и от…

    Asked by Serjo1977,

    0 votes
    3 answers

  22. Не одинаковое отображение кнопок

    Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?

    Asked by Graf.Vampir,

    0 votes
    3 answers

  23. Фоотер

    Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно

    Asked by Mr.Black,

    0 votes
    3 answers

  24. Помогите с ie6 сдвигаются слои

    Доброго времени суток! Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои. При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px. Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.

    Asked by viv,

    0 votes
    11 answers

  25. min-height

    Ставлю блоку с контентом min-height: 936px, в хроме и опере все ок выглядит и он по высоте совпадает с меню, а в ие и фф блок на 5 пикселей больше нужного становится. Контента в блоке мало и он ничего не тянет. self::println('<div class="in_box'.($main?' main_box"':'" style="min-height:936px;"').'>'); .global_box .content .in_box {float:left; background-color:#FFF; width:100%; margin-bottom:10px; min-height:804px; border: 1px solid #DDD} на всякий случай)

    Asked by Joyfit,

    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