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

29542 questions in this forum

  1. приоритетность css-правил

    Добрый день! У меня следующий вопрос. ДОпустим, мой html-код выглядит так: ... <body> <div id="allcontent"> .... .... </div> </body> А css-код такой: body { color: red; } #allcontent { color: green; } Цвет шрифта на моей странице будет зеленым, так как нижнее правило приоритетно, так? Но. Если css-код выглядит так: body { color: red; } h1 { color: blue; } #allcontent { color: green; } В этом случае цвет шрифта будет зеленый, кроме голубого цвета шрифта заголовка h1. Вопрос: почему нижнее правило не перекрывает правило для h1, ведь нижнее правило приоритетно. Спасибо за внимание!

    Asked by Анна Иноземцева,

    0 votes
    2 answers

  2. Непрозрачное содержимое на полупрозрачном фоне

    Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?

    Asked by hike,

    0 votes
    4 answers

  3. позиционирование элементов

    ребят помогите пожалуйста ни как не пойму почему блок с тектом на (2 картинке ) налазит на блоки хотя при нормальном размере браузера все норм вот код HTML <div class="team-info-fon"> <div class="team-info"> <div class="team-info-1"> <h1>Meet our team</h1> <p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p> <div class="line2"></div> </div> <div class="team-info-2"> <img src="#" alt=""> <h2>mark waugh</h2> <p>Lorem ipsum dolor …

    Asked by Евгений_SB,

    0 votes
    2 answers

  4. 3 блока не помещаются на странице

    Добрый день! Столкнулся со следующей проблемой: есть страница: http://progress.com.ua/our-team - все блоки прекрасно размещены. А ее украинская версия - http://progress.com.ua/ua/our-team ( где стоят все те же стили), почему-то отображает эти блоки не коректно. Крутил padding и margin - все без толку. Подскажите, пожалуйста, в чем причина. И как устранить данную проблему.

    Asked by serpik,

    0 votes
    1 answer

  5. Помогите перенести форму поиска с ucoz на dle

    удалено

    Asked by Roman--1,

    0 votes
    0 answers

  6. Странности с подвалом в IE

    Доброго времени суток, вопрос этот наверно поднимался тыщу раз. Я в верстке новичек, почитал о css, стал делать страничку. Решил прижать подвал к низу страницы. Поизощрался, вроде вышло, но есть одно но. При открытии страницы IE v7 появляется полоса прокрутки типо подвал не наехал вверх, если страницу обновить то все делается нормально. Собстенно вопрос, в чем дело? Upd: глянул в 6ой версии IE, там с подвалом все нормально, но появилась новая напасть, левая колонка оказываеться сдвинута за грань экрана, почему? Upd: С левой колонкой разобрался как то непонятно считается минусовое значение margin. Но появился новый вопрос, средняя колонка начинает уменьшаться при изменении…

    Asked by KLiMaT,

    0 votes
    0 answers

  7. Резиновый макет

    Проблема такая. Не знаю, как взять за такое дело. Страница шириной 1600 пикселей. При разрешении 1024 видна основная часть. Соответственно, справа и слева от нее все продолжается красивыми бэкграундами. Надо: при увеличении размера окна вначале, чтобы справа показалась дополнительная часть, а потом уже слева. Каким образом это осуществить(общая идея)?

    Asked by AntonSubbota,

    0 votes
    1 answer

  8. Как послать по почте странице сайта?

    Подскажите пожалуйста как послать по почте страничку сайта? может ето и не сайт я не знаю. мне приходит рассылка интернет магазина и когда я открываю почту то открывается страничка сайта с новои продукцией. мне нужно сделать так-же.

    Asked by giorgy,

    0 votes
    6 answers

  9. Как разместить div на границе другого div

    Как разместить div на границе другого div таким способом

    Asked by T@NKIST,

    0 votes
    2 answers

  10. Помогите с CSS

    Есть табличка как сделать чтоб border не обрамлялся несколько раз в некоторых местах. <table width="738" cellpadding="0" cellspacing="0" id="img_roul"> <tr> <td width="52"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="90px">0</td> </tr> </table></td> <td width="602"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="30px">3</td> <td width="50px">6</td> <td width="50px">9</td> <td width="50px">12</td> <td width="50px">15&…

    Asked by Kochevnik,

    0 votes
    7 answers

  11. Скроллинг фиксированных элементов.

    Есть меню. Расположено всегда вверху страницы, то есть фиксированное. Невысокое и длинное. При узком окне на странице появляется горизонтальный скроллинг, но фиксированные элементы на него никак не реагируют. В итоге некоторые пункты меню оказываются недоступными. Нужно сделать так, чтобы это меню могло горизонтально скроллиться вместе со страницей, не используя скриптов. P.S.: Неудобство с вылазящими элементами меню я решил, путем автопереноса этих элементов на новую строку при недостаточной ширине. Ну так же как переносится текст в блоке при его сужении. Тем не менее это немного искривляет дизайн. Хотелось бы, чтобы меню оставалось ровным в одну строку.

    Asked by Arantir,

    0 votes
    2 answers

  12. Облачко для комментариев

    Здравствуйте, дорогие друзья! Очень нужна ваша помощь. Сейчас верстаю страничку и всё никак не могу сделать вот что из этого мне нужно сделать это верстаю для wordpressа. Никак не могу закинуть это облачко за границу этого заголовка. Также не могу количество комментариев переместить внутрь облачка. Помогите, добрые люди) Пожалуйста. Заранее спасибо.

    Asked by kranopodem,

    0 votes
    3 answers

  13. Проблема с кодировкой

    Создал форму обратной связи на сайте сделал обработчик пхп. Все работает письма присылаются, но когда приходит письмо то в некоторых словах появляются ромбики. Кодировка ютф-8. И еще одна не задача в зависимости заполнения формы, ромбики появляются в разных местах. Письма отсылаются на почту mail.ru. В чем может быть проблема?

    Asked by Vitek25,

    0 votes
    2 answers

  14. переопределение размера текста

    скажите пожалуйста есть ли какое-нибудь логическое объяснение такому явлению. так блок .nav_top виден. а так не виден. я же переопределил размер текста в более специфичном тэге...

    Asked by cyklop77,

    0 votes
    1 answer

  15. Ресайз окна

    Вечер добрый. Если на этой страничке изменить окно браузера, а затем сдвинуть просматриваемую область горизонтальным ползунком, то видим, что фон хедера шириной 100% "обламывается". Знаю, что этого можно избежать задав body подходящую минимальную ширину. Но есть ли ещё какие-либо способы?

    Asked by SuperJerk,

    0 votes
    1 answer

  16. Конструкторы сайтов и виджетов для них

    Всем привет Подскажите, есть ли такие системы, типа конструкторов сайтов, но не сайтов, а отдельных виджетов и компонент? например, мне нужна кнопка, дизайн знаю какой хочу, но опыта в программировании, допустим, у меня нет. хочется такой редактор, в котором я мог бы её сверстать, может даже и события навешать, а потом сохранить где-то на хостинге, а на мой сайт вставить просто код для загрузки этой кнопки, как виджет для социалки.

    Asked by wertklop,

    0 votes
    5 answers

  17. Коварный z-index

    Доброго времени суток! Столкнулся с такой проблемой. Есть 3 секции. Нужно чтобы тень от средней падала на нижнюю. Задаю z-index для верхней секции, чтобы перекрывал тень вверху, но он не срабатывает. Позиционирование стоит Пример кода: <!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> section { display: block; width: 100%; height: 100px; position: relative; } .two { box-shadow: 0 0 10px #000; z-index: 0; } .one { z-index: 1; } </style></head><body> <section class="one"></section> <section class="two"></section> <section class="three…

    Asked by gregsv,

    0 votes
    3 answers

  18. Как сделать выделение на изображении с всплывающими подсказками?

    Здравствуйте. ​ ​Пожалуйста, подскажите решение, позволяющее сделать на изображении области сложной формы, которые при наведении курсора будут выделяться и над ними будет показана всклывающая подсказка. ​

    Asked by Yakut,

    0 votes
    6 answers

  19. Как заверстать блок на пол экрана?

    Как сверстать красную линию? При любом разрешении, она должна начинаться от левого края экрана, и заканчиваться относительно основной ширины в этом месте.

    Asked by yozuul,

    0 votes
    3 answers

  20. Анимация

    http://jsfiddle.net/htmlbook/jo4537xb/ Сделал вот такой код. Мне надо, чтобы жёлтый блок вначале не появлялся, а потом плавно выезжал и оставался на месте. Сейчас же он виден сразу, потом уже включается анимация. Подскажите, как спрятать блок в самом начале, до анимации?

    Asked by Vlad,

    0 votes
    4 answers

  21. Пункты меню

    Всем привет вот линк на скриншот проблемы http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png Подскажите как сделать чтоб меню нормально отображалось? то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно #menu { background:white; float: left; width: 270px; height: 1700px; border:1px solid #000;}.NAV ul { display:block; float:left; list-style:none; font-size: 18px; color:black; text-decoration:underline; margin:0px; padding:0px;} и <div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a>&…

    Asked by BituM,

    0 votes
    4 answers

  22. Полоса ссылками и меню на всю ширину экрана. Как реализовать?

    Добрый день. Подскажите пожалуйста, как реализовать данную шапку (полосу ссылками и полосу с меню) на всю ширину экрана. На рисунке обведены красным. А лучше киньте, пожалуйста, ссылку на статью, урок. Знаю, что надо через position (absolute, relative), но не смог найти инструкции. Спасибо.

    Asked by Grigorii,

    0 votes
    2 answers

  23. IE6 не отображается background?

    Код HTML: <div class="header_sl"> <div class="text_server"><br /> <em>...</em> </div> <a href="http://...">'>http://..."> <img style="border: 0;" src="1/link0000.gif" alt="На главную" title="" width="210" height="60" /> </a> <br /> <br /> <div class="buttons_header"> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Каталог рассылок</a> <a class="MainMenuLinksCurrentPage_sl" href="http://...">'>http://...">Домашняя страница</a> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Помощь</a> <a c…

    Asked by Alek7y7,

    0 votes
    1 answer

  24. logo поверх флешки

    Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…

    Asked by Saiko,

    0 votes
    0 answers

  25. Опять или снова, проблема с IE6.

    Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…

    Asked by Beck,

    0 votes
    2 answers
×
×
  • 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