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
29,542 questions in this forum
-
Вставка видео (некорректное отображение)
Добрый день, вопрос может быть и глупый, но разобраться сам не могу ;( Суть следующая: (возникавшие вопросы и методы их решения поэтапно) 1. На сайте необходимо разместить видео - решил использовать allvideos. 2. Размещаем видео на ютубе или яндексе - вставляем код и всё работает. 3. Доступ к ютубу и яндексу блокирован в тех местах где просматривают сайт - "жирный" хостинг и заливка видео непосредственно в "локальную" папку для сайта. 4. Снова размещение видео на сайте - код плагина allvideos и видео появляется, НО с явным косяком Проблема в том что видео находится в статье, причем в начале статьи, т.е. непосредственно под выпадающим меню. При отображении видео с того…
0 votes3 answers -
Подгрузка шрифтов
Здравствуйте! Подскажите плиз как лучше поступить в следующей ситуации: При верстке макета столкнулся со шрифтом которого нет на моём компе[TrebuchetMS] [italic]. Поменять на похожий не вариант – поскольку заказчик требует именно этот... Из этого следует вопрос: Существует ли в инете механизм, на котором находились бы абсолютно все шрифты,которые через ссылку можно было бы подгрузить? И самое главное что бы это было надёжно и абсолютно кроссбраузерно... В одной работе увидел такой код: @import "style/style.css"; @font-face { font-family: "MyriadProCondensed"; font-style: normal; font-weight: normal; src: url("myriadpro-cond_0-webfont.eot?#iefix" ) format("…
0 votes4 answers -
Не отображается блок в IE
Есть два блока, по 50% в ширину, во всех браузерах отображаются нормально, в IE теряется первый из них. Подскажите, кто в курсе, где искать проблему <div style="width:50%;float:left;" > <script type="text/javascript">//<![CDATA[ document.write('<a title="<?php echo $product_name ?>" href="<?php echo $product_flypage ?>">'); document.write('<?php echo ps_product::image_tag($product_thumb_image, 'class="browseProductImage" border="0" width="'.$width1.'" height="'.$height1.'" title="'.$product_name.'" alt="'.$product_name .'"' ) ?></a>' ); //]]> </script> <noscript> <a href="<?php echo $pro…
0 votes1 answer -
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…
0 votes5 answers -
Div с использованием float: left и right
Помогите пожалуйста сверстать, дивна без таблиц - резиновый ID=1 - резиновый ID=2 - фиксированный 25px на 25px ID=3 - резиновый ( ширина - как у ID=1, высота - резиновая)
0 votes3 answers -
фон
Решил помочь другу и переделать верстку, думал справлюсь с фоном, а оказалось нет( В общем вот моего друга верстка, вообще ужас код, но по принципу так же и делал фон, но не получилось - http://media24.ee/test/ Первое облако нормально сделано, но из-за того что допустим экран 1400 на 900 то второе облако полностью не влезает и получаеться нижняя полоса прокрутки, меня не интерисует физичиское убирание нижней полосы прокрутки оверфловом, мне надо сделать так сказать растягивающийся фон, заранее благодарен
0 votes2 answers -
Помогите оптимизировать меню
Здравствуйте! Помогите оптимизировать меню для всех браузеров, кроме firefox (в нем отображается как надо). Суть такова, что картинка в ссылке должна отображаться справа вверху от текста ссылки. Если текст ссылки умещается в одну строку, то все смотрится нормально. Если же текст ссылки длинный и умещается только в 2-3 строки, то во всех браузерах, кроме firefox картинка расоложена вверху, но не справа от верхнего слова, а справа от нижнего слова заезжая на верхнее слово. Как ни прбовал, никак не получается... Надеюсь объяснил нормально Меню: <div class="menu"> <div><a href="#"><span>Раздел 1 <img src=".../стрелка.gif"></span></a…
0 votes4 answers -
XHTML или HTML
Добрый день. я читал много статей по этому вопросу, но так до конца и не понял. В каком стандарте предпочтительно сейчас верстать, HTML или XHTML? Назовите конструктивные причины.
0 votes6 answers -
Как можно сделать минимальную высоту страницы?
Доброго дня. Подскажите , как можно сделать фиксированный размер страницы чтобы минимальная высота была зафиксированная а максимальная динамическая.
0 votes1 answer -
Создание видео учебника
Добрый день, уважаемые мастера. Описание задачи: создание простого учебника (желательно на html) и включение в него видео-уроков. Причем учебник может храниться на сервере и пользователь должен иметь возможность его просматривать. Описание проблемы: в случае локальной версии учебника все работает нормально, но если учебник в виде html страниц лежит на сервере, то видео с этих страниц не открывается у пользователя (пробовал уже видео размещать на странице по-разному, и <embed>, и <object>, и с помощью различных flash-плееров(JW, Tarantinov, etc)). Вопрос: есть ли возможность сделать так, чтобы пользователь мог просматривать видео на html страницах, которые лежа…
0 votes17 answers -
Загрузка картинок в слайде
На сайте tmhomes.pirogov.ru в шапке есть слайд. Но при первом заходе до кеширования, картинки грузятся все разом, что не эстетично. Как можно сделать чтобы слайдер например не показывался пока картинки не загрузятся?
0 votes4 answers -
Выравнивание по центру нескольких div
Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.
0 votes3 answers -
Верстка div-ми - баги в Opera 11 и IE 9
Уважаемые форумчане, прошу вашего совета и помощи. Сам не волшебник, а только учусь и ничего не могу поделать, сколько не ковырялся в сети. Делаю форму поиска, в которой есть несколько текстовых полей, форм select и радиокнопки. Нужно чтобы в 1 ряд размещалось несколько элементов. Заключил всё в div'ы, в style.css указал для некоторых элементов float:left и обрадовался - в FF всё получилось как нужно, но когда открыл Оперу и IE 9 увидел тихий ужас особенно в IE, а поскольку, к сожалению IE - один из самых популярных браузеров приходится с ним считаться. Итак, три проблемы: 1) В разных браузерах по-разному располагаются блоки 2) Надпись "Евро" не влазит и переносится на др…
0 votes3 answers -
выбор варианта вёрстки
Всем доброго времени суток. Со времени как последний раз делал сайт прошло не менее 7ми лет. Сегодня пришло время вспонить навыки. Уже имеется макет. На данном этапе встал вопрос как правильно сверстать сайт и в связи с этим возникают вопросы: 1. Верстать с помощью таблиц или есть какие-то более современные методы. (Сайт планируется статичный поэтому только html достаточно)? 2. Правильный ли подход: центр сделать статичных размеров в ширину, а поля (фон) резиновыми? Я начал делать центр (шапку) статичной, а поля резиновые. Но при сужении браузера ниже минимального формата шапка расплавается. Вот пример. 3. Второй вариант вёрстки. Второй день копаюсь не могу понять из-за ч…
0 votes4 answers -
проблема с горизонтальным выравниванием
скажите пожалуйста почему на странице в ie7 социальные кнопки выстраиваются лесенкой, а не горизонтально? не первый раз уже сталкиваюсь с подобным поведением, хотелось бы научиться исправлять
0 votes3 answers -
Многоуровневая
У меня есть такая структура списка <div> <ul> <li> <ul> <li> <ul> <li> <ul> <li> <ul> <li> <ul> <li></li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> Я пишу стили для каждого вложения, получается огромная пирамида. Можно как-нибудь указать один раз стили для всех UL LI, которые находятся в дивке и чтобы у текста, который нахо…
0 votes2 answers -
Разные границы изображений в разных браузерах
Имеем недоделанный сайт.. 2 дня от роду polosatiykot.ru при просмотре ie - у многих изображений серый кантик.. при просмотре google хром - никаких кантиков нет.. подскажите чего добавить в css, чтоб исщез глюк?
0 votes1 answer -
Что касается верстки
Здравствуйте, с версткой одной страницы это понятно, но помогите найти информацию по верстке нескольких страниц как их соединять между собой, и как вообще должен выглядеть готовый продукт верстальщика если это сайт из нескольких страниц?
0 votes10 answers -
Расстояние между строками таблицы
Всем доброе время суток. Допустим, у меня есть таблица в виде: <table> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> </table> И там расположен в ячейках какой то материал. Как задать расстояние между строками? cellspacing/padding увеличивает все расстояния, а мне нужно что то вроде <tr><td>...</td><td>...</td></tr> <tr><td colspan="2"><br/></td></tr> Либо <tr><td style="padding-bottom:50px;">. Просто как грамотно это сд…
0 votes2 answers -
Неправильное построение DOM в ie7
На сайте есть меню вверху с разделителем. Меню сделано списком. Разделители - div.sep <ul class="menu" id="topmenu"> <li class="item-101 current active"><a href="/" >На главную</a></li> <div class="sep"></div> <li class="item-102"><a href="/index.php/about" >О проекте</a></li> <div class="sep"></div> <li class="item-103"><a href="/index.php/news" >Новости</a></li> <div class="sep"></div> <li class="item-104"><a href="/index.php/advertisers" >Рекламодателям</a></li> <div class="sep"></div> <li class="item-105"><a hr…
0 votes2 answers -
Firefox и background
Здравствуйте. Столкнулась с непонятной проблемой. Огнелис в упор не видит стили body, точнее все, что связано с background. Сайт с большим фоновым изображением прибитым к низу страницы. Оставшееся сверху пространство заливается уже бесшовной текстурой. Так вот в Огнелисе это пространство остается белым. Может где-то в коде ошибка и я ее в упор не вижу? При добавлении контента ситуация не меняется. Текст просто идет поверх этого белого пустого пространства. Привожу код css и html: html, body {font-size:87.5% !important; padding: 0; margin: 0; background: #030910 url(img/bg_main.jpg) repeat; color: #333333; height:100%; width:100%; min-height:100%; min-width:1024p…
0 votes4 answers -
Как прижать блок вниз,внутри другого блока
Сабж,помогите,пожалуйста,возможно ли такое реализовать без большого количества кода и кроссбраузерно?
0 votes6 answers -
Помогите пройти валидацию
Не могу допетрить, что валидатору не нравится( 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="" />
0 votes6 answers -
Проблема в IE, блок съезжает
Добрый день, ниже представлен код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class=…
0 votes0 answers -
Фиксирование
Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }
0 votes54 answers