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. body на до конца страницы

    Посмотреть можно здесь http://rugby22.ru/news/ Не могу понять почему body не до конца страницы, с чем это может быть связано?

    Asked by andreyjvasilev,

    0 votes
    10 answers

  2. непонятен код

    Привет. Взял с одного сайта посмотреть шаблон с трёмя колонками, не совсем понимаю как он работает. <body> <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p> <p>very make mak…

    Asked by Peekit,

    0 votes
    4 answers

  3. wraper не обтекает блоки

    Подскажите в чем проблема? Родительский div не обтекает дочерние блоки, хочу футер прикрепить, и ни как. http://ufalug.ru

    Asked by veleg,

    0 votes
    5 answers

  4. font-face не подгрузил шрифт в мозилле из под linux

    По подключению шрифтов есть ли какие нибудь особенности для отображения шрифтов на ОС Linux? Использую font-squirrel, подключаю в стилях font-face. в результате отображается стандартный пользовательский шрифт.

    Asked by kletchatii,

    0 votes
    4 answers

  5. Стиль

    У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это?? Текст в блоке " <div id="blockNav1">" <div id="nav"> <ul class="mainMenu"> <li style="border-left:none;" class="Diablo1">Diablo</li> <li class="warCraft2">WarCraft</li> <li class="wow3">World of WarCraft</li> <li class="starcraft4">StarCraft</li> <li style="border-right:none;">Войти или зарегистрировать</li> <div id="blockNav1"> <div class="closeBlock"></div> <span class="titlBlockNav">Навигация</span> …

    Asked by skvaer09,

    0 votes
    6 answers

  6. Как вставить скрипт слайдера

    Всем привет! Недавно начал изучать html и css. Взялся за верстку одностраничника. Столкнулся с трудностью, что не знаю как быть со слайдером. Видел в инете готовые скрипты, но как их прикрутить к сайту не представляю. Вопрос: можно ли без знаний javascript верстать сайты со скриптами (прикручивая готовые шрифты)?

    Asked by marselkin,

    0 votes
    3 answers

  7. Линейные градиенты в разных браузерах и таб

    При помощи сервиса http://www.colorzill...radient-editor/ создал линейный градиент, немного доработал код и сделал то, что хотел: так отображается в FireFox, а в IE 9.0: как видите, не то что хотелось бы, причём в последней версии Хрома, граница также видна. Как исправить? (http://prodpak.ru) background: white; /* Old browsers */ background: -moz-linear-gradient(top, #F3EEEB, white, white, white, white, white, #F3EEEB); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3EEEB), color-stop(83%,white), color-stop(100%,#F3EEEB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3EEEB 0%,white 83%,#F3EEEB 100%); /* Chr…

    Asked by Delat,

    0 votes
    5 answers

  8. Body:pading-top - странные прыжки, как быть?

    Всем примет! Есть сайт http://gobanner.ru , проблема заключается в том, что у всего блока есть верхний отступ в 5 пикселей, если начинать переходить по меню то страница начинает прыгать. Браузер не успевает просчитать этот верхний паддинг. Я пробовал давать значения не только паддинг но и маргин, и не только body но и тегу html и классу wrapper. Как быть?

    Asked by logicface,

    0 votes
    7 answers

  9. Как подстроиться под все браузеры?

    Здравствуйте! Недавно столкнулся с проблемой, что в одном браузере отображается всё норм, а в другом не так как хотелось. Я знал раньше, что существует такая проблема. Но думал что только в больших проектах. А тут я не успел доделать шапку сайта, как уже значительные искажения. Если есть какая то статья на эту тему, киньте ссылку. Есть ли какая то прога которая позволяет сравнивать один сайт в нескольких браузерах, что бы в ручную это не делать.

    Asked by myRoot,

    0 votes
    2 answers

  10. Позиционирование бэкграунда

    Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее: Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей. Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда. Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера. Вчера кучу всего перепробов…

    Asked by Kublyakov,

    0 votes
    3 answers

  11. Не могу обуздать z-index

    Здравствуйте!Подскажите пожалуйста. Попробовал наложить форму подписки от Jastclick (форму сделал полупрозрачной) на рисунок. Все получилось, но есть засада... Рисунок я могу двигать вверх-низ, вправо-влево, а форму подписки могу только двигать вправо-влево, а вверх-вниз не хочет! В чем может быть проблема? Подскажите пожалуйста. Проделываю это на своем блоге: free-pc.ru, там пока прежнюю форму оставил. Код прилагаю: <!-- Стиль вывода формы подписки JastClick (работа со слоями) --> <style>#layer1, #layer2, #layer3 {position: relative; /* Относительное позиционирование */} #layer2{top: -220px; /* Сдвигаем рисунок вверх */left: 90px; /* Сдвигаем рисунок вправо …

    Asked by Марат,

    0 votes
    10 answers

  12. Плавающие блоки неопределенной высоты

    работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …

    Asked by tester117,

    0 votes
    2 answers

  13. Как сделать такую сетку flexbox'om?

    Asked by Ghost86421,

    0 votes
    1 answer

  14. Как сделать вот такое?

    Asked by anton_nikitin,

    0 votes
    2 answers

  15. Помогите вставить url. Не вставляется картинка

    Не вставляется картинка <body> </body> body { background-image: url(references/2.jpg); } Картинку не видно...........

    Asked by alexanderPoiu,

    0 votes
    4 answers

  16. Не правильное отображение страницы

    При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)

    Asked by unicorn,

    0 votes
    1 answer

  17. Заместь картинки - [AD] 0_o

    Почему так? Может это для Вас и примитив но для меня это важно... И такое у меня ток с одной картинкой... Захожу на сайт - [AD] —-- пару раз обновил - появилась картинка=) <- мистика!) вот css картинки #leftbar .adv img{margin-bottom:2px;display:block;margin-right:0} вот html картинки подробнее... Заранее спасибо.

    Asked by oledj,

    0 votes
    0 answers

  18. Проблема с позиционированием

    Проблема собсвенно с позиционированием. Скрины Кусок проблемного кода <div id="header_right"> <div id="icons"> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_home.gif" alt="Главная" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_map.gif" alt="Карта сайта" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_mail.gif" alt="Почта" class="ico" />'; ?>…

    Asked by ArtOfHuman,

    0 votes
    1 answer

  19. Title с тегом <br>

    как сделать в ВП, чтоб заголовок делился на 2 строки? (пример joomla2u.net ) спасибо ответившим

    Asked by mephistophile_ua,

    0 votes
    3 answers

  20. Почему border не отбражается в IE6?

    Привет. Вот поэтому адресу Sendlab.ru показано, как должно работать в Опере и IE6 и там сейчас порядок. Но нужно переверстать CSS файл и под IE6, что-то не хочет работать (Опера и IE7 работает), подскажите, что не так в коде CSS position: absolute; margin-top: 7px; margin-left: 230px; border: 1px solid #d1ddea; height: 160%; width: 80%; Спасибо за оказанное внимание.

    Asked by Alek7y7,

    0 votes
    1 answer

  21. тянущяяся не повторяющяяся картинка бекграунда

    Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div…

    Asked by Likan,

    0 votes
    2 answers

  22. Вертикальное позиционирование контента

    Доброго времени суток!) Вот пример верстки - http://jsfiddle.net/FeXaC/ Необходимо привязать футер к низу страницы (что реализовано), и при этом выровнять блок с контентом (фиксированного размера) по центру страницы. Если в css в #wrapper убрать height: auto !important; то выравнивание работает, но при этом футер начинает наезжать на контент при уменьшении размера окна. Подскажите пожалуйста, как можно решить сложившуюся проблему. Чтобы и контент по центру был, и футер не наезжал на него. Желательно без использования js и представления div таблицей.

    Asked by Crawler,

    0 votes
    5 answers

  23. Помогите с таблицей

    Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.

    Asked by Simel,

    0 votes
    4 answers

  24. Работает не так как нужно

    html <html><head><link rel="stylesheet" href="style123.css"></head><body><ul class="list"><li><a href="1.html"><em>2.79</em></a><span style="width:68%;">68%</span></li><li><a href="2.html"><em>2.79</em><span >68%</span></a></li><li><a href="3.html">222222<em>2</em></a></li><li><a href="4.html">33333<em>3</em></a></li><li><a href="5.html">4444<em>4</em></a></li><li><a href="6.html">5555555555 5555555 5555555555 5555555555555&…

    Asked by Tikson,

    0 votes
    3 answers

  25. требования

    скажите , а есть правила или требования которые предъявляются к сайтам.

    Asked by Leyla84,

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