HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Кнопка Play на картинках (псевдоселекторы). Как добавить?
Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?
0 votes6 answers -
как вписать iframe, не зная его размеры, в td
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>main</title> </head> <body> <table style="width: 100%; " cellspacing="0" cellpadding="0" border="1"> <tr> <td style="background-color: green"> <iframe id="IFrame1" name="IFrame1" src="iframe1.html" hspace="0" vspace="0" frameborder="0" border="0" framespacing="0" marginwidth="0" marginheight="0" style="border-style: solid; border-width: 0px; width: 100%; height: 100%" width="100%" height="100%"></iframe> </td> </tr> <…
0 votes3 answers -
Почему не работает z-index
css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…
0 votes2 answers -
ie6 и z-index
http://lazio.com.ua/Vpn/second.html Если навестись в главном меню на пункт "Информация" появляется выпадающее меню. Во всех браузерах, как обычно, всё норм, кроме ie6. В нём выпадающее меню "подлазит" под блоки с тарифными планами. Лажево объяснил конечно, но, если кратко, проблема с z-index. Выпадающее меню получается на уровень ниже чем блоки с тарифными планами. {position:relative; z-index:0;} для блоков с тарифами не помогает.
0 votes7 answers -
margin-right:-100% (помогите разобраться)
Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?
0 votes11 answers -
Как вставить видио?
У меня есть видио файл, мне нужно вставить его в страницу, та там не только одно, а несколько видио, как можна их вставлять? где ставить код и какой он? говорю сразу, мне нужно только окно прогирывателя, перекрутка и звук
0 votes4 answers -
Отображение Картинок
Заранее сорри еси такая тема была, юзанье поиска непомогло. В общем: <HTML> <HEAD> </HEAD> <BODY> <IMG scr="picture.jpg"> </BODY> </HTML> Картинка не грузитса вообще. В ІЕ хотя бы появляетса поле куда должна была загрузитса картинка а в Мазиле и Опере вообще пустой белый лист. Картинка находитса на том же диске что и сам сайт. Интересно что еси ставить эту картинку в качестве фона тобиш юзать background то все показываетса.
0 votes6 answers -
Задать стиль каждому второму элементу
Как задать стиль для каждого воторого элемента, к примеру: <html> <head> <title>Hello world</title> <style type="text/css">tr.eachSecond {background-color:#eef;}</style> </head> <body> <table> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> </table> </body> </h…
0 votes4 answers -
Несколько изображений в фоне.
Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…
0 votes10 answers -
Создание видео учебника
Добрый день, уважаемые мастера. Описание задачи: создание простого учебника (желательно на html) и включение в него видео-уроков. Причем учебник может храниться на сервере и пользователь должен иметь возможность его просматривать. Описание проблемы: в случае локальной версии учебника все работает нормально, но если учебник в виде html страниц лежит на сервере, то видео с этих страниц не открывается у пользователя (пробовал уже видео размещать на странице по-разному, и <embed>, и <object>, и с помощью различных flash-плееров(JW, Tarantinov, etc)). Вопрос: есть ли возможность сделать так, чтобы пользователь мог просматривать видео на html страницах, которые лежа…
0 votes17 answers -
Валидация Font
Здравствуйте, при проверке на валидацию страницы вылазит такая ошибка: Ошибка значения : font / не является значением font-family : 13px / 170% 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif Вот ксс код: body { font: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #777; margin: 0; padding: 0; background: #fff; } Пробовал писать так: font-size: 13px/170%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; В таком случае фонт сайз вообще не работает и выдает такую же ошибку. Подскажите пожалуйста как грамотно оформить такой простой код что бы валидатор не показывал ошибку?
0 votes7 answers -
Помогите со стилями
Здрастввуйте. Поправляю немножко сайт... Вот ситуация, делаю списки, но мне надо, что-бы данный стиль использовался только к данному списку... ul.ddd {...} обращаться к такому стилю как? ?А если у меня вкладіваются списки ul il, то как им клас прописать ul il.ddd или как?
0 votes7 answers -
Абсолютное фиксирование ячеек таблицы
Столкнулся с проблемой, имеется широкая таблица, но на разных мониторах с разным разрешеним, ширина ячеек тоже разная, как сделать чтобы везде отображалась одинаково, уже ставил размеры и в % и в пикселях, не помогает
0 votes15 answers -
глупый вопрос касательно резины
Господа у меня назрел небольшой вопрос. До недавнего времени мне приходилось делать лишь статичные макеты и центрировал я их очень просто: соз давал блок фиксированной ширины со стилем width:1095px; height:100%; padding:0 0 0 0; margin:0pt auto; text-align:left; Вот, а теперь нужен полсностью резиновый центрированный макет, но если заменить width:100%, блок уезжает.... Я понимаю, что вопрос крайне глупый, но все же. Спасибо!
0 votes8 answers -
и опять отступы..
в ie для немаркированного списка появляются отступыПосетить мою домашнюю страницу в каталоге товаров. пункты заданы картинками (для целей seo)
0 votes3 answers -
Как такую верстку сделать можно?
Несколько дней назад столкнулся с такой проблемой при верстке, на данный момент мозг уже кипит и плавно переходит в состояние паники Вот схема: Проблема в том, чтобы закрепить "блок 2" относительно центра страницы со смещением влево на 100px. Причем "блок 1" и "блок 3" должны полностью заполнять свободное пространство. Дальше, при масштабировании сайта "блок 2" должен сохранять свою позицию относительно центра всей страницы. (сайт резиновый и позиционируется относительно центра) Не важно как это будет реализовано, дивами или таблицей, главное чтоб работало именно так как описано выше П.С. я сам больше дизайнер, чем верстальщик Буду очень благодарен за помощь.
0 votes11 answers -
Доступ к каталогу страниц html
Посоветуйте как лучше это реализовать в общем дали такое задание по работе: есть страницы каталога в html, на каждой должна быть указана своя цена, так вот нужно как то вводить цену для каждой страницы в этом каталоге. как это сделать? )) , я начинающий, подскажите пожалуйста, мне нужна эта работа
0 votes14 answers -
margin-width и list-style-image
1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?
0 votes14 answers -
как напечатать кавычки?
Друзья, неожиданно для себя столкнулся с затруднением. Взбрело мне в голову чтобы в textbox, value был с кавычками. Имеется ввиду вот что: <input type = "text" name = "example" value = "input "two thirty eight" "> Но к сожалению такой фрагмент кода не дал желаемого результата.. Итак, что же делать, если необходимо вывести значение value с кавычками?
0 votes16 answers -
Горизонтальный скроллбар
Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/ Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387
0 votes13 answers -
"Лишняя" остаточная ширина блока при переносе слов на новую строку
Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)
0 votes5 answers -
Вертикалное направление текста в таблице
Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??
0 votes2 answers -
Ссылки уходят вниз
Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?
0 votes4 answers -
Проблемка с clear ((
Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …
0 votes14 answers -
выравнивание в ячейках таблицы
Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm
0 votes10 answers