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
-
Использование шрифтов на коммерческом сайте
Друзья, подскажите на счет шрифтов: Segoe Print и Segoe UI. Могу ли я их использовать на коммерческом сайте? Вроде часть Майкрософт шрифтов полностью бесплатные, но где найти этот список не ясно.
0 votes2 answers -
3-х колоночный шаблон с сайта CSSplay - ошибка автора?
Доброго времени суток. Я искал оптимальную реализацию вертикального растягивания колонок в CSS по аналогии со свойствами таблиц и сверстал шаблон, основываясь на примере от Ste Nicholls, выложенном на его сайте CSS_Play -исходник. Итак, мой шаблон корректно отображается в Firefox 2.0, Opera 9. В Internet Explorer'е 7 левая колонка постоянно "скачет", смещаясь на пол экрана. В Safari колонка на несколько пикселей сдвинута вправо. Пример выложил в сеть, можете посмотреть здесь . Использована след. конструкция, с помощью которой достигается 3-хкол. макет: HTML (шаблон для Joomla - не обращайте внимания на куски PHP-кода): Суффиксы модулей в данном случае не влияют - отключ…
0 votes13 answers -
Один клик два действия!
На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!
0 votes22 answers -
Выпадающее окно на css
.popup a { position:relative; } .popup a span{ position:absolute; display: none; top: 20px; left: 20px; z-index: 1; background: #FFFFFF; } .popup a:hover span { display: block; } Вот код страницы: <span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span> Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась) …
0 votes16 answers -
фон на всю ширину div
можно ли в css для div'a задать фоновое изображение так чтоб оно растягивалось на ширину div'a? и еще вопрос, можно ли в css полностью описать и задать положение рисунка(img), чтоб в html странице о нем не упоминалось? как поступить если вверху страници должен распологаться рисунок на всю ширину, но это должно быть сделано с помошью css("...Don't use images in code...")? {...отредактировано kiD}
0 votes5 answers -
Виртуальная машина
Решил поставить виртуальную машину. Не знаю, какую выбрать. На данный момент нужно конкретно для тестирования верстки на кроссбраузерность и на кроссплатформенность. Чтобы на одной машине стояло несколько образов с разными системами. Подскажите, какую выбрать и на что нужно обратить внимание? Нужно для домашнего использования, желательно бесплатную. Вроде как есть 3 популярных: Sun VirtualBox VMware Player Microsoft Virtual PC Подскажите, на что ориентироваться? Спасибо.
0 votes29 answers -
position: absolute - его секреты
Такая проблема. Сделал сайт с помощью этого тега, тоесть для размещения по нужным местам применял не таблицу, а его, но вот беда отображается нормально только в Опере, остальные каряво показывают. Может есть какая альтернатива, что бы во всех отображалось корректно
0 votes12 answers -
border-radius.htc не работает
Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?
0 votes4 answers -
Помогите доделать простенький код
Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в html, получился фон и две картинки, дальше не пойму как. Первым делом нужно чтобы фоновая картинка растягивалась под любой экран. У меня получился плавно появляющийся контент, и хочу чтобы фон так же плавно появлялся. И все это дело должно грузиться по очереди - фон, картинка 1, картинка 2. Если не сложно, покажите как это делается, Может тут работы на 5 мин а я уже 2 дня над этим... Я в этом полный ноль, вот код: <html> <head> <title>Заголовок</title> </head> <style>body.fade{opacity: 0;}body.appear {opacity: 1;transition: opacity 5s;}</style> <…
0 votes31 answers -
стили для четных/нечетных строк
следующий код нормально отображается мозилой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> TR[class=even] TD { background: #FF99FF} TR[class=odd] TD{ border: 4px solid #FFCCFF;} </style> </head> <body> <table cellspacing="3"> <tr class="odd"> <td>Нефть</td> <td>43</td> <td>51</td> <td>79</td> </tr> <tr class="even"> <td>Золото</td> <td>29</td> <td>34</td> <td>48</td> </tr> <tr class="odd">…
0 votes12 answers -
Список в несколько колонок
Есть такая картина: допустим, это список автомобилей в картинках на главной странице самое простое решение - это создать таблицу и поместить автомобили туда в ячейки. Потом приходит на ум следующее решение - оформить это всё дело при помощи <div> </div> Но это же список и поэтому логичнее было бы его оформить как список, а не как таблицу или блоки. Хотелось бы сделать семантически правильно. Но как сделать список в несколько колонок?
0 votes31 answers -
Принудительное отображение картинок
Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?
0 votes18 answers -
Как ограничить действия position:fixed
Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)
0 votes10 answers -
Блок <div> по всей высоте родительского блока
Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!
0 votes5 answers -
Padding у input тектса
Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!
0 votes3 answers -
Какой раскладкой в CSS Вы предпочитаете пользоваться?
Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…
0 votes24 answers -
как дивами таблицу заменить?
Надо таблицу с двумя ячейками заменить тэгами div,чтоб divы которые вместо ячеек были параллельны.
0 votes17 answers -
увеличение размера шрифта в браузере
Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?
0 votes13 answers -
Центровка содержания сайта
В очередной обращаюсь к вам! Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php Файл стилей (если что style.css) Страница проработана для разрешения экрана 1024х768. Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру. index.php Попытался использовать InPage как контейнер для всего, но результато это не дало <body> <div id="InPage"> <div id="toper"></div> <div id="leftcol"> <div id="colmenu"> <table> <tr><td> <b><h1>Главное меню</h1>…
0 votes9 answers -
в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки
Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html
0 votes10 answers -
Не работает header("Location: ...")
Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…
0 votes2 answers -
vertical-align: baseline
vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?
0 votes5 answers -
0 votes3 answers
-
вертикальное выравнивание внутри элементов списка
Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…
0 votes15 answers -
Редирект на мобильную версию сайта c помощью htaccess
Здравствуйте. Ситуация следующая: есть основной сайт (к примеру www.site.ru) и мобильная версия www.m.site.ru. Необходимо, что бы происходил редирект через htaccess на мобильную версию сайта, если мы зашли на него через телефон. Еще проблема в том, что на мобильной версии сайта используются абсолютные ссылки на основную версию сайта. Поэтому редирект должен работать так же и на внутренних страницах. К примеру, www.site.ru/contacts должно вести на www.m.site.ru/contacts. Заранее спасибо
0 votes4 answers