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. проблемы с IE и CSS

    Почему Opera отображает эту страницу нормально, а IE нет. В главном слое появляется какая-то линия, меню кособокое, при наведении мышкой на меню появляется белая полоса. Как это можно исправить. <HTML> <HEAD> <TITLE> Вс? об аквариумах и аквариумных рыбках. </TITLE> <link rel="stylesheet" type="text/css" href="my.css"> </HEAD> <BODY> <div id="page-all"> <div id="toplayer"> <img src=left_title.gif width=240 height=185 id=left> <img src=right_title.jpg width=240 height=185 id=right> <p align=center>Вс? об аквариумах и аквариумных рыбках</p> </div> <div class=menu> <div>&…

    Asked by Александръ,

    0 votes
    1 answer

  2. Проблемы с IE и Mozilla

    Господа! Прошу помочь мне с проблемой кроссбраузерности сайта. Сайт прекрасно отображается в Opera, а с IE и Mozilla - значительные косяки( Дизайн RIPал сам, поэтому такая вот проблема. Сайт UCOZный! Сcылка: http://klons.ucoz.ru/ 3aранее спасибо)

    Asked by Wzlomshik,

    0 votes
    4 answers

  3. проблемы с IE.

    необходимо слой выровнять посередине браузера.для этого использую следующий код: #container { width: 942px; height:200px; margin-right: auto; margin-left: auto; position: relative; background:#ffffff; } в IE 6.0 не работает.подскажите,если ли альтернатива, как исправить?

    Asked by Mantikore,

    0 votes
    7 answers

  4. проблемы с ie6

    В ie6 центральная часть уезжает вниз. в остальных браузерах работает все нормально. В чем может быть дело http://kinovibor.ru/transinvest/template/index.php

    Asked by qwelp,

    0 votes
    3 answers

  5. Проблемы с IE6

    Здравствуйте! Вот такие проблемы в IE6: появляется промежуток (белое поле) под верхним меню, а правое меню при масштабировании вываливается. Не могу никак решить проблему. Очень надеюсь на помощь. Заранее спасибо! www.septic-topas.ru/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <div id="container"> <div id="header"> <div id="menu-top"> <ul> <li class="active"><a href="#">Главная</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="price.html">Цены</a>&l…

    Asked by Светлана Гр.,

    0 votes
    8 answers

  6. проблемы с ie6

    ie 6 вообще понимает :hover? При создании списка столкнулся с проблемой <!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>Документ без названия</title> <style> li a{display:block;} .hidden{display:none;} ul li:hover .hidden{display:block;} </style> </head> <body> <ul> <li><a href="#"> Тест</a></li> <li><a href="#"> Тест</a> <ul class="hidden">&lt…

    Asked by Krote,

    0 votes
    7 answers

  7. проблемы с ie7

    Уважаемые эксперты... Мне нужно сделать таблицу примерно следующего вида <table border="1" width="400" height="400"> <tr> <td width="20%" height="30">1</td><td width="80%" height="30">2</td> </tr> <tr><td width="20%" rowspan="3">3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br></td> <td width="80%" height="30">4</td> </tr> <tr><td width="80%" height="30">5</td></tr> <tr><td width="80%">6</td></tr> </table> В Opere и Firefox отображается нормально, а в IE7 нет, а если конкретно, то н…

    Asked by HoJ,

    0 votes
    2 answers

  8. Проблемы с IE8 и скоростью работы джава скрипта.

    Добрый день форумчане. Есть такая проблема. Написал сайт, сейчас тестирую его на хостинге. www.ml-yachting.com 1. С Хромом, мозилой, оперой и т.д. проблем нет. Даже 7й IE не тормозит. А вот 8й... При наведении курсора на закладку меню, там где картинки ездят, тормозит со страшной силой. Помогите разобраться в чем дело, пожалуйста. Я уже голову поломал, как это исправить... 2. Так же при нажатии ссылки "Читать далее" в середине контента, должен появляться заоверлееный контент - опять же мозилла, опера и пр. открывают нормально, а в любом IE снизу под ним отображается пустой квадрат, такой тонкой черточкой в 1пкс. И эффект затемнения не растягивается на 100% высоты. Давайт…

    Asked by maximus_grek,

    0 votes
    0 answers

  9. Проблемы с IE8: съезжает блок...((

    Мир всем! Трехколоночный сайт: во всех браузерах отображается нормально, кроме IE8. В IE правый блок съезжает к центру экрана. Подскажите, плиз, как зафиксировать этот div и пристыковать его к правой стороне? См. скриншоты. Спасибо.

    Asked by Palomnik,

    0 votes
    5 answers

  10. Проблемы с iframe

    Здравствуйте! Помогити ламеру разобраться У нашей конторы на сайте есть блок который вставляется при помощи iframe Примерно так ^M ^MМне необходимо в wether.html поместить баннер, но так как он идет фреймом он открывается только в этом блоке. Чем я могу заменить тег iframe.

    Asked by DieHard,

    0 votes
    7 answers

  11. Проблемы с img в ie 6

    Доброго времени суток Уважаемые коллеги. Проблема с тегом img в IE 6. К сожалению ссылку не могу выложить сайт находиться в стадии разработки. Постараюсь объяснить на "пальцах". Тег img в документе с полупрозрачными границами должен всплывать в левом верхнем углу блока. В FF и Opera всё ОК. Обнулил margin и подключил експрешон всё равно в IE 6 даёт отступ 10px слева Вопрос почему???? Заранее спасибо за ответ.

    Asked by taran,

    0 votes
    2 answers

  12. Проблемы с inline-block

    В хроме - НАШИ РАБОТЫ - по 3 работы в строке. В Мозилле по 2. http://zverushka.zz.mu/landing-b/#portfolio Использован метод letter-spacing: -.31em; word-spacing: -.43em; Родителю m0--9px, блокам m0-9

    Asked by Zverushka,

    0 votes
    13 answers

  13. Проблемы с input

    Здравствуйте. Создаю сайт, столкнулся с проблемой: в форму input не вводятся буквы (на любой раскладке), знаки препинания. Цифр вводятся без проблем. Любой текст вводится через копировать/вставить, но с клавиатуры вообще никак. Первый раз с таким сталкиваюсь, даже не знаю на что думать..., все стили удалили, все равно не работает. У кого нибудь была подобная проблема? PHP код может влиять? Спасибо.

    Asked by Ehonod,

    0 votes
    6 answers

  14. проблемы с javascript

    Подскажите как заменить кнопку <input type="button" value="Навигация по разделу" на вот это .menu{ width:55px; height:30px; float:left; background:url(call.png); } .menu:hover{ background:url(call1.png); } .clear{ clear:both; } <div style="position:absolute; top:0; right:0; margin-right:140px;"> <a href="www.google.ru"><div class="menu"></div></a> <div class="clear"></div> </div> Вот сам код: <html> <head> <title>сайт</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Style> A:Link{ Color: #000000; Text-decorati…

    Asked by Rambo2045,

    0 votes
    4 answers

  15. проблемы с letter-spacing

    Доброе утро. Помогите, пожалуйста, решить проблему. Есть сайт http://test.roganov.kharkov.ua/lamp В шапке сайта слоган (продажа светодиодов...) и номер телефона по разному отображаются в Mozilla и Coogle chrome. Если в Mozilla всё нормально отображается, то в Google chrome расстояние между символами в слогане и номере телефона меньше. Пытаюсь указать значение letter-spacing, в этом случае ситуация меняется, в Google crome нормально отображается, а в Mozilla слова и номер телефона выходят за границы элемента. Подскажите, как решить данную проблему?

    Asked by slo_nik,

    0 votes
    5 answers

  16. Проблемы с margin

    Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работ…

    Asked by SnowWind,

    0 votes
    4 answers

  17. Проблемы с margin

    Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…

    Asked by Immortal,

    0 votes
    4 answers

  18. Проблемы с max-width

    Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?

    Asked by WEB-best,

    0 votes
    1 answer

  19. Проблемы с mozilla firefox: неправильно считает высоту DIV, заданную в процентах

    Сделал окошко по типу виндовского: чтоб можно было таскать, раскрывать и т.п... Сверстал, чтоб оно отображалось изначально на 80% от экрана. В опере и ИЕ работает как надо. А в фаерфоксе проблема: если текст вылазит за пределы окошка, то у div (с информацией, id=text) не появляется прокрутка (overflow), а он растягивается. При этом растягивая таблицу: Если текст не вылазит за пределы окна, то все норм. Походу, фаерфокс как-то по другому расчитывает размеры этого div-а. Как бы ему задать их, чтоб он их расчитывал? Похоже на проблему с IE (с его layout). У кого-нибудь подобные проблемы возникали? Пробовал задавать высоту у .window #content в пикселях. Работает: .window #c…

    Asked by terrasoff,

    0 votes
    0 answers

  20. Проблемы с opacity

    Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке. Пример кода: http://jsfiddle.net/3Uz3q/ Как побороть проблему? Спасибо!

    Asked by lost,

    0 votes
    8 answers

  21. Проблемы с overflow

    В следующем коде: ————————————————-- <div class="center"> <div class="center_left">centerLeft</div> <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div> </div> <div class="menu"> Place for menu... </div> ————————————————- .center { margin-top: 10px; clear: both; overflow: hidden; } .center_left { border: 1px solid #000; width: 525px; float: left; } .center_right { /*border: 1px solid #000;*/ box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 525px; height: 275px; float: right; bo…

    Asked by cryptus,

    0 votes
    1 answer

  22. Проблемы с overflow в safari

    Пример: https://jsfiddle.net/soltx/1rwygfdw/ Если задать: position:relative то блок не скрывает лишнее, как решить проблему (safari 5.1.7)?

    Asked by soltx,

    0 votes
    6 answers

  23. Проблемы с overflow при обрезанной картинке

    http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать

    Asked by advokatua,

    0 votes
    8 answers

  24. проблемы с padding в IE7

    Добрый день. подскажите, пожалуйста, как исправить маленькую проблему с отступом в подвале(меню) На сайте, на главной странице, меню прижато вплотную к полосе с копирайтом, но это только на главной странице и только в IE 7. Что можно сделать в этой ситуации?

    Asked by slo_nik,

    0 votes
    7 answers

  25. Проблемы с PADDINGом

    Приветствую всех вас, уважаемые друзья! Проблему свою постараюсь разъяснить максимально лаконично! .topmenu { height: 29px; width: 980px; text-align: right; padding-right:20px; } .topmenu a { text-decoration: none; margin-left: 11px; margin-right: 11px; font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; } при Этом Width: 980px ; Заданно потому что при паддинге вправо 20 пикс. див становится шире, я приходится сокращаться ширину самого дива с 1000 до 980, выглядит довольно схоже с дизайнерским макетом, но правильно ли это? И еще, Мэрджин и вовсе не задается ни справа, ни откуда либо еще для данно дива, что скажете?

    Asked by sv12,

    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