HTML Coding

29,542 questions in this forum

1. Div с использованием float: left и right

   Помогите пожалуйста сверстать, дивна без таблиц - резиновый ID=1 - резиновый ID=2 - фиксированный 25px на 25px ID=3 - резиновый ( ширина - как у ID=1, высота - резиновая)

   Asked by uExpo, September 18, 2011

   0 votes
   3 answers
2. Помогите пройти валидацию

   Не могу допетрить, что валидатору не нравится( XHTML 1.0 Strict Валидатор пишет: Error Line 139, Column 114: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag …e="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" /> строка: <input type="text" name="name" style="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" />

   Asked by Un1x, September 18, 2011

   0 votes
   6 answers
3. выбор варианта вёрстки

   Всем доброго времени суток. Со времени как последний раз делал сайт прошло не менее 7ми лет. Сегодня пришло время вспонить навыки. Уже имеется макет. На данном этапе встал вопрос как правильно сверстать сайт и в связи с этим возникают вопросы: 1. Верстать с помощью таблиц или есть какие-то более современные методы. (Сайт планируется статичный поэтому только html достаточно)? 2. Правильный ли подход: центр сделать статичных размеров в ширину, а поля (фон) резиновыми? Я начал делать центр (шапку) статичной, а поля резиновые. Но при сужении браузера ниже минимального формата шапка расплавается. Вот пример. 3. Второй вариант вёрстки. Второй день копаюсь не могу понять из-за ч…

   Asked by YaSerg, September 18, 2011

   0 votes
   4 answers
4. Проблема с div-ами...

   Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".

   Asked by Mark Ghaphes, September 18, 2011

   0 votes
   48 answers
5. Горизонтальное подменю

   привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?

   Asked by rondew, September 18, 2011

   0 votes
   5 answers
6. Не проигрывается видео на лок.компьютере

   Использую flash-плееры (Uppod, FlowPlayer) для добавления видео на сайт. Если использовать абсолютную ссылку - видео проигрывается. С относительной ссылкой не работает. Помогите, кто может. Спасибо.

   Asked by Gorgo, September 18, 2011

   0 votes
   9 answers
7. Текст вылазит из дива

   Текст вылазит из дива, хотя диву уже прописал его ширину, таблице внутри дива прописал ширину и даже ячейкам таблицы прописал ширину. Текст всеравно уехал вправо. Посмотрите пожалуйста http://yametal.net/guess_the_group/ Где я облажался?

   Asked by Tchorteg, September 18, 2011

   0 votes
   2 answers
8. font-face - может кто сталкивался?

   В Google ничего не нашел. При внедрении ttf шрифта браузеры странно отображают текст. К IE9 претензий нет - все в порядке. Chrome и FF выводят текст между тегами <h1></h1> с непонятным отступом сверху и двойным межстрочным интервалом. И если межстрок убирается с помощью line-height, то с верхним отступом сделать ничего на смог. Причем сам блок <h1></h1> позиционируется как и задумано, а вот текст сползает вниз за границу блока <h1 style="border: ..."></h1>. Может кто сталкивался?

   Asked by DmitryS, September 18, 2011

   0 votes
   8 answers
9. Меню с градиентом, тенью и скругленными краями

   Как лучше всего сверстать вот такое резиновое меню? Желательно без использования картинок, т.е. все сделать через стили. Особо смущает неровная тень снизу.

   Asked by Dinow, September 18, 2011

   0 votes
   4 answers
10. Избавиться от # в адресной строке

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

    Asked by virus-07, September 18, 2011

    0 votes
    5 answers
11. Expressions IE6 for transparent png

    Собственно на днях мною в поисках идеального решения для фикса картинок(не фонов, с ними всё проще: либо png8\gif либо filter) было накопано решение, которое несколько не удовлетворяет критериям универсальности. Собственно, для начала спасибка developer'ам yandex за осмысленную пачку решений. Сабж выглядит так: /* PNG 24 Expression */ * body img { _visibility:expression( function(t) { t.runtimeStyle.visibility = 'hidden'; var png = document.createElement('png'); png.style.cssText = 'zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + t.src + ',sizingMethod=crop);'; png.appendChild(t.replaceNode(png)); if( png.parentNode.getAttrib…

    Asked by Shift-Web, September 18, 2011

    0 votes
    5 answers
12. Что касается верстки

    Здравствуйте, с версткой одной страницы это понятно, но помогите найти информацию по верстке нескольких страниц как их соединять между собой, и как вообще должен выглядеть готовый продукт верстальщика если это сайт из нескольких страниц?

    Asked by Walss, September 18, 2011

    0 votes
    10 answers
13. Динамическое изменение css в ASP.NET

    Здравствуйте! Подскажите пожалуйста как динамически по событиям можно изменять значение css при помощи ASP ?

    Asked by Lucifer, September 17, 2011

    0 votes
    1 answer
14. Дурацкий вопрос про наследование border-collapse

    В справочнике сказано, что значение border-collapse не наследуется: И я хорошо помню, что буквально месяц назад находил то же самое в спеке. Однако сегодня я вижу в спеке вот что: (то ли меня конкретно переглючивает, то ли Матрицу перегрузили... на всякий случай прилагаю на всё нотариально заверенные скриншоты Правоту справочника косвенно подтверждают др. источники (пример). На наследуемость напирает, в частности, MDN. Я было подумал, что ненаследуемость была в какой-то предыдущей версии спеки (с W3C станется) - но в предпоследней уже наследовалось, в финальной версии CSS2.0 - тоже... Дальше - больше. Простенький тесткейз дает в браузерах буквально следующее: И самое в…

    Asked by SelenIT, September 17, 2011

    0 votes
    5 answers
15. float:right

    Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо Скрин прилагается http://imageshost.ru/photo/248519/id908902.html код для синего блока #dtb { background-color:blue; margin:0 auto; height:150px; border: solid 1px red; text-align: center; margin-top:30px; width:1140px; код для блока с цифрой 3 #zem_uch3 { float: right; border:0px; }

    Asked by kryakryalala, September 17, 2011

    0 votes
    5 answers
16. Помогите с расположением слоёв

    есть меню http://ribellina.com.ua/ при наведении на пункты появляется красный бордер, нужно сделать как на скриншоте при наведении http://cs11056.vkontakte.ru/u43872157/140913347/x_1ba0a30b.jpg тоесть убрать полосу снизу игрался с z-index Но ничего не выходит, кто что скажет ?

    Asked by sight, September 17, 2011

    0 votes
    6 answers
17. Как поставить div поверх Window Media Player

    Добрый день всем. Верстаю не первый год, с данной проблемой столкнулся впервые Суть проблемы: Есть блок, в нем object type="application/x-oleobject" нужно поверх него поставить блок пробую через position:absolute; вроди как работает, но в Хроме плеер все-равно торчит, как перекрыть его??? z-index не помогает. Кто сталкивался с подобным, подскажите как решить проблему

    Asked by fozzy, September 17, 2011

    0 votes
    0 answers
18. Выравнивание текста и изображений

    Доброго времени суток! Пытаюсь создать на Drupal что-то вроде профилей, где текст идет справа от изображения. Изначально выглядело так: Попользовав гугл удалось добиться с помощью этого кода: .views-field-field-pol-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-data-rojdeniya-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-bro-and-sist-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-forma-ustroistva-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-fie…

    Asked by fast338, September 17, 2011

    0 votes
    1 answer
19. Слои Футер под слоями

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

    Asked by bugs, September 17, 2011

    0 votes
    6 answers
20. Как можно сделать динамический шрифт ?

    Помогите, кто знает как можно сделать чтобы шрифт регулировался в зависимости от расширения монитора и ОС ? Знаю что реализуется вроде как ..em/..em только вот настроить толком не удается. Я с таким впервые столкнулся, верстку знаю слабо, может что подскажите.

    Asked by Saturn, September 17, 2011

    0 votes
    2 answers
21. Фиксирование

    Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }

    Asked by Feers1de, September 17, 2011

    0 votes
    54 answers
22. Почему теряется высота дива при установке дочерним жлементам свойства float

    Всем привет Еще один вопрос и одна проблема, есть код: <div> <p><img src="img" alt="" title="" width="300" height="200"></p> <div> <h1>Текст</h1> <p>Много текста</p> </div> </div> При таком состоянии, высота дива, зависит от его элементов, которые находятся внутри, она равна примерно 200px, если мы сделаем так: <div> <p style="float: left"><img src="img" alt="" title="" width="300" height="200"></p> <div style="float: right"> <h1>Текст</h1> <p>Много текста</p> </div> </div> Родительский Div потеряет свою высоту. Как сделать так,…

    Asked by proflead, September 17, 2011

    0 votes
    4 answers
23. колонки равной высоты + скролл

    вот страница. не получается реализовать такой же каркас на дивах. помогите пожалуйста. основная сложность в 2 колонках равной высоты. задача классическая, но почему то нигде не рассматривается(у меня не получается найти) переполнение блока с появлением скролла

    Asked by cyklop77, September 17, 2011

    0 votes
    0 answers
24. Проблемы с фоном при горизонтальной прокрутке

    Здравствуйте, уважаемые специалисты! http://margolis.ihaveacamera.ru/index.php?/works/igrushki/ Делаю сайтик. Не могу понять, почему происходит такой эффект: при горизонтальном прокручивании исчезает фон наверху. Помогите разобраться. Нужно чтобы фон оставался на месте. При этом хотелось бы элементы фона положить в разные слои. Спасибо.

    Asked by grisha_21, September 17, 2011

    0 votes
    2 answers
25. Двойная рамка

    Есть пустой div фиксированного размера с фоновой заливкой. Вокруг него надо сделать две рамки, допустим, красного и синего цвета. Можно ли обойтись только одним div в этом случае и без after и before?

    Asked by Vlad, September 17, 2011

    0 votes
    14 answers