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
-
Не тянеться слой
Подскажите пожалуйста как сделать так чтоб слой тянулся. В моем случае это линия синего цвета слева от основного текста. Она должна автоматически разтягиваться от вержней синей линии до нижней синей линии. Всю голову себе проморочил и ниче так и не получилось... Вот сайт: vermiculit.com.ua/test
0 votes19 answers -
Не видит include virtual.
Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…
0 votes8 answers -
Footer при margin:0 auto.
Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.
0 votes19 answers -
Невалидный код ICQ , Skype, Yandex
Кто подскажет как сделать страницу полностью валидной т.к. размещенные на странице ICQ , Skype, Yandex(ссылка на яндекс показывающая ТИЦ сайта). В Яндекс писал ответили, что амперсанд надо заменить, заменил потом опять код изменился на невалидный (ответили что не критическая ошибка). Самое плохо что на главной странице эти ошибки, тем более Яндекс дает сразу не одну ошибку, а по-моему две. Кто реально без флуда подскажет что необходимо делать, я думаю с подобными фактами встречаются все и кто как решает эту проблему. Спасибо. Тему пытался найти подобную, но не нашел. СПБ
0 votes23 answers -
Меню сайта. Выделение активной страницы в меню
Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…
0 votes8 answers -
Как такое реализовать?
Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная
0 votes26 answers -
SVG-sprite in IE11
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")
0 votes3 answers -
как сделать поиск по сайту
как сделать поиск по сайту
0 votes20 answers -
Левая колонка скрывается без скролла
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
0 votes29 answers -
Позиционирование ссылки на картнике
Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…
0 votes25 answers -
счётчик пользователей
Привет! Буду очень благодарен Вашей помощи! Написал сайт на HTML, разместил в сети. Теперь очень бы хотелось видеть он-лайн пользователей на ресурсе, а так же кол-во всего посетевших. Как это сделать? Пользоваться базами данных не умею может кто подскажет, даст ссылку на сайт с подробным описанием! знаю что есть куча сторонних ресурсов, которые предлагают эту услугу, но не хотелось бы размещать на своей страничке не понятные картинки и ссылки. Лично у меня складывается негативное мнение о сайте, где размещены такие счётчики.
0 votes27 answers -
Как добавить текст в определенное место?
Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…
0 votes4 answers -
IE8 и a:hover
Уважаемые гуру! Можете растолковать решение проблемы. в восьмом осле не работает следующий код... HTML <a href="/main.html" class="rollover"></a> CSS a.rollover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ float: left; width: 252px; /* Ширина рисунка */ height: 164px; /* Высота рисунка */ border: 0px solid #000; /* Рамка вокруг картинки */ } a.rollover:hover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с заменяемым рисунком */
0 votes18 answers -
Отступы сверху везде кроме IE
Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять
0 votes19 answers -
SSl сертификат для домена 3-го уровня это реально???
SSl сертификат для домена 3-го уровня реально получить где нибудь? На Cloudflare попробовал, не прокатило. Подскажите чтобы тупо не биться головой о стену.
0 votes7 answers -
inline-block vs float
Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.
0 votes12 answers -
div-ы, position:absolute,центровка по вертикале
Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.
0 votes4 answers -
Исчезает ТЕКСТ!
всем привет...есть сайт у меня все ОК отображается но у некоторых т.. в IE 6 исчезает текст на сайте ! =( но когда выделяешь текст то текст появляется =) ....нужна помощь! нид ХЕЛП ....вот сайт....www.td-ho.kz ...и вообще если есть еще какие то баги по верстки пишите в icq 418-277-585 или тут ...возможна оплата =) если решите проблему....
0 votes17 answers -
Несколько вопросов по вёрстке...
В общем - сразу к делу. 1. Нужно сверстать макет из 4-х колонок... С этим нет проблем... Но когда я все эти дивы помещаю в див-обертку - мои столбцы отображаются поверх него... Ширина и высота не известны... Всё зависит от контента... <div> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div> </div> ————--> div.col { float: left; width: 25%; } Что я не так делаю? Или это анрил? O_o 2. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…
0 votes21 answers -
Подскажите по поводу тэгов colspan="" и rowspan=""!!!
Подскажите пожалуйста! Каким образом в css прописать тэги colspan="" и rowspan="" минуя html документ?
0 votes15 answers -
Как сделать, чтобы при уменьшении высоты экрана уменьшилась картинка?
Тоесть например вот это: width: 100%; height: 100%; max-width: 100%; height: auto; width: auto9; Даёт нам увеличение и уменьшение при разной ширине. Если ставим h и w на 100% то картинка начинает увеличиваться не пропорционально... как-то ведь делал, а как вспомнить никак не могу.... Подскажите пожалуйста, как сделать, что бы при уменьшении высоты картинка уменьшалась, даже если длинна не изменяется. В общем пропорциональное уменьшение
0 votes3 answers -
Выбор хоста
Выбрал нормальный по цене и качеству хостинг. Но в описании тарифа смутило это: Оно вообще для чего написано? Больше понтов придать тарифу или это действительно так важно и при работе могут возникнуть сложности? И еще очень интересует... Если использовать php5 + apache + mysql, то какую ос выбрать? Публикую первый раз сайт, до этого все делал в localhost под win xp, но тарифом предусмотрены более вкусные плюшки под linuxом
0 votes26 answers -
белая полоса внизу страницы
Добрый день. Возникла проблема: вставляю след. код <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> <a style='margin:0px; padding:0px;' href="skype:matras.kharkov.ua?add"><img style="border: none; float:right; margin:0px; padding:0px;" src="http://mystatus.skype.com/balloon/domkoles%2Ecom.ua" alt="Мой статус" width="130" height="40" /></a> Сразу после этого внизу страницы появляется белая полоса высотой 20px. Все дело в <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> Без это…
0 votes3 answers -
Сложный ролловер
Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?
0 votes22 answers -
Помогите со слоями
Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*
0 votes20 answers