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
-
Резиновый фон
Доброго времени суток. Прошу помочь с реализацией резинового фона. Просмотрел все варианты, попробовал сделать через div+img, но возникла одна проблема. Суть ее в том, что при сужении окна браузера появляются скролллбары, которые как бы обрезают фон (см. изображение).
0 votes4 answers -
загрузка внешнего шрифта
Добрый день, вопрос наверное глупый но все же очень хотелось бы, есть ли шанс подзагрузить шрифт силами css и html? Т.е. в css прописано font-family: шрифт-которого-нет-у-юзера-на-компе,Arial, Helvetica, Sans-Serif; font-size: 40px; font-style: normal; есть ли какая либо возможность отображения этого шрифта? если нет, считается ли некрасивым или некорректным в плане верстки ставить текст логотипа через img src? да и вообще как быть, если дизайнер указал в качестве стандартного (всего текста на сайте) шрифт отсутствующий в стандартных наборах? заранее спасибо
0 votes4 answers -
Автоматическое создание якоря по заголовкам
В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?
0 votes4 answers -
Заметнение картинок в ИЕ 6 и... FF5
Все мы помним, любим и скорбим замечательный фильтр для показа png в ИЕ 6. Ура, эта же веселая проблема спустя года всплыла в ФФ 5. Хорошо хоть без проблем с прозрачностью. Итак: Пятый фаерфокс же мать твою. За что?! В шестом не тестировал, возможно, пофиксили. В общем, что делать? Адрес, где можно поглядеть исходники: http://sie-club.ru/design/
0 votes4 answers -
Реализация формы заказа
Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать
0 votes4 answers -
что такое за правило content:” "; ?
подскажите пожалуйста что делает это правило content:" ";
0 votes4 answers -
Как прятать блоки?
Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?
0 votes4 answers -
IE6, Операция прервана
Получил свинью оттуда, откуда не ожидал. Знал, что у заказчика везде ИЕ6 и надо стараться делать под него. На ИЕ6 SP1 Win2K все как по маслу. На ИЕ6 SP3 WinXP - Операция прервана при использовании border-raduis.htc Что делать?! Как бороться? Рисовать скругленные углы самому в 2011 году?
0 votes4 answers -
зазор между фонами
помогите пожалуйста убрать непонятный зазор между фонами в кнопке на страничке
0 votes4 answers -
Технология, на которой сделан сайт w3.org
Здесь прочитал, что w3.org сделан в виде адаптивного макета, подстраиваемого под ширину браузера. Нельзя ли подсказать мне технологию, на которой данная технология сделана? Для меня этот макет в новинку. Я увидел в HTML-коде некоторые конструкции, которые мне раньше не встречались. Вероятно, что дело в них. <style type="text/css" media="print, screen and (min-width: 481px)"> .... </style> и <link rel="stylesheet" href="/2008/site/css/minimum" type="text/css" media="handheld, all" /> Если это так, то где можно увидеть официальную документацию по этому?
0 votes4 answers -
Полоса прокрутки
Привет, а как можно справиться с тем, что сайт сдвигаеться, при переходе на страницы без скролинка по вертикали. Кроме того чтоб включить скролинг на всём сайте можно что нибудь сделать? P.S. А как на этом форуме просматривать в теме сразу все сообщения? Почему то по 1 показывается.
0 votes4 answers -
Тег <select>
Ребят выпадающий список <select> возможно отображать в несколько колонок?
0 votes4 answers -
Текст поверх картинки!
Всем добрый день! В общем у меня такая ситуация... Зайдите на сайт: Не реклама! Наведите на "Wormix" снизу, я сделал текст поверх картинки. Но при нажатии на "Wormix" (выбор) - текст пропадает! Вот сама эта система: <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span><img src="images/gallery/1.gif" width="950" height="370" alt="Приложения Вормикс вконтакте" /><DIV style="position: absolute; top: 200px; left: 270px…
0 votes4 answers -
изменить цвет изображения
при обработке изображений макета в фотошопе постоянно сталкиваюсь с такой проблемой. например, есть узор определенного цвета с оттенками, с градиентом. нужно изменить его до другого строго определенного цвета. подскажите как быть в этой ситуации? так же описанный узор как вариант может иметь элементы из других цветов, которые не должны меняться - это вторая часть проблемы.
0 votes4 answers -
При загрузке сайта скачут элементы (верстка дивами)
Задаю первый вопрос на этом форуме, просьба не пинать сразу Имеем страницу http://toniart.ru/portfolio/f.html, при загрузке контента (если скорость интернета не очень большая) сначала грузятся круглые стрелочки влево и вправо причем вверху, затем центральная иллюстрация, затем эти стрелки перемещаются вниз, на те места где они должны быть... Все происходит быстро, но все равно напрягает. Можно полистать стрелки влево или вправо, будет понятней о чем я. Подскажите как с этим бороться? спрасибо.. на всякий случай выкладываю: HTML <body> <!-- Навигация в шапке --> <div id="navi" align="center"> <div class="polosa" > <ul> <li><span …
0 votes4 answers -
использование шрифтов
посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"
0 votes4 answers -
Закругленный блок
Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…
0 votes4 answers -
Возникла проблема с DIV'ами
Здравствуйте. Создаю меню для сайта, опыта в CSS нет никакого, поэтому бьюсь уже около недели, постепенно изучая информацию. Итак суть проблемы. Нужно меню чисто на CSS (не считая скрипта для IE). Разделы меню естественно, имеют разные размеры. Я хочу чтобы при наведении на пункт меню, он выделялся соответствующим образом(см.ссылку). http://truman14.ucoz.ru/bkack_menu.html Но проблема в том, что это самое выделение, как мне видится, состоит из трех отдельных картинок (скругление левой части, центральная часть и правая). Вот я и не могу разобраться каким образом мне соединить эти три картинки. С помощью классов я, конечно, могу присвоить каждой ссылке свое изображение, не …
0 votes4 answers -
подскажите с меню
вот файл: html <div id="menu_news" <div class="news"> <img src="img/fon_menu.gif" width="249" height="30" class="news_head" /> <ul class="menu_news"> <li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li> <li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li> <li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li> <li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li> <li><a href="#"&…
0 votes4 answers -
Ширина блока динамическая, в резине
У меня есть верстка , прикладываю скриншот что было понятней,есть блоки(с анонсами) с у них float: left и задана определеная ширина примерно 45%. Если на 1600px то они располагаются в 2 колонки если окно уменьшаюшь то они в одну колонку получаются, и правого баннера пустое пространство, которое не хорошо смотрится. Как сделать так что бы в случаее когда его товары в одну колонку то они бы растягивались на всю ширину
0 votes4 answers -
Названия категорий "спадают" при изменении разрешения экрана
Следующая ситуация. Есть блок archive_of_ratings width: 708px; В нём есть блок titles_of_archives width: 708px; В блоке titles_of_archives лежите четыре ссылки: <a href="#" class="category">Text1</a> <a href="#" class="category">Text2</a> <a href="#" class="category">Text3</a> <a href="#" class="category">Text4</a> Где стили класса category: .archive_of_ratings a.category { background: url("../img/archiveratings_grey.jpg") repeat-x; border-left: 1px solid #aab7c7; border-right: 1px solid #e9ecf1; color: #0068D0; font-family: Tahoma,Arial; font-size: 12px; height: 20px; line-height: 15px; …
0 votes4 answers -
Структура заголовков в XHTML
Расскажите, пожалуйста, о выборе структуры заголовков применительно к XHTML. Должны ли они располагаться в документе строго по порядку, от большего уровня к меньшему? Как следует расставлять заголовки, если в коде сначала идут несколько второстепенных секций, а после них основная? Может ли быть в документе несколько h1? Если может, то в каких случаях?
0 votes4 answers -
валидатор глючит?
помогите пожалйста разобраться в ситуации. есть страница с валидным html-кодом. заливаю её на один хостинг и проверяю(в подвале страницы кнопка есть) при помощи валидатора, в результате получаю сообщение об отсутствии ошибок. заливаю на другой хостинг. повторяю проверку и вижу, что валидатор нашёл ошибки. причем мне непонятные даже после перевода с английского. вот эти страницы: раз, два
0 votes4 answers -
Проблема с "отталкиванием" блока
Вот такая проблемка. При увеличении блока left не отталкивается блок bottom. все это находится в блоке контент (футер отдельно), вот коды : <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/template.css"/> <title>Заготовка_под_сайт_универсальная</title> </head> <body> <div id="header"> </div> <div id="menu"> </div> <div id="container"> <div id="content"> <div id="left"> …
0 votes4 answers -
Выравнивание по вертикали в теге li
Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }
0 votes4 answers