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
-
CSS
В чем отличие <link rel="stylesheet" type="text/css" href="style.css" /> и <style type="text/css"> @import url("style.css"); </style> ?
0 votes3 answers -
Фон из трех изображений
Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!
0 votes3 answers -
Широкий сайт.
Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru
0 votes3 answers -
div с фиксированной высотой внутри ячейки
Пытаюсь создать таблицу, в которой высота ячейки фиксированная вне зависимости от контента, Для достижения эффекта заворачиваю внутри каждой ячейки div с фиксированной высотой. По идее все что внутри дива должно обрезаться, и на высоту ячейки никак не влиять, и тем не менее почему-то высота ячейки меняется в зависимости от контента внутри дива. Проверял в IE FF и Chrome. Нигде не могу найти обьяснения почему так происходит. <tr style="display: table-row;"> <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;"> <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; ma…
0 votes3 answers -
Якорь без прыжка
Есть меню сверстанное на CSS3, которое открывает подменю используя якоря. Т.е. пока в адресной строке присутствует якорь #id_открытого_подменю блок с таким id отображается. Но когда страница расширилась вниз, появилась полоса прокрутки, и теперь если кликать по этому меню, браузер прыгает до этого якоря. Как сделать так, чтобы меню продолжило работать, но браузер перестал прыгать по якорям: http://wiic.ru/wn6/ - меню Выбор квартиры
0 votes3 answers -
Как сделать чтобы изображение когда оно :hover?
Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?
0 votes3 answers -
Бесплатный сайт
Доброго дня всем. Изучаю щас верстку, сделаю желающему сайт бесплатно для практики. Было бы отлично если бы заказчику можно было задавать вопросы и советоваться. Всем спасибо за внимание
0 votes3 answers -
0 votes3 answers
-
меню:применила hover,но в ie8 он не перекрывает разделитель
Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repea…
0 votes3 answers -
HTML письмо, проблемы с отображением
HTML письмо находится тут. Браузеры письмо отображают прекрасно, при отправке письма через mozila thunderbird, в окне предварительного просмотра письмо отображается правельно и красиво. А вот при получении письма уже появляется проблема с отоброжением таблицы на фиолетовом фоне (проверял в outlook и gmail). На ваш взгляд в чем может быть проблема ?
0 votes3 answers -
шрифт с google web fonts не проходит валидацию
в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?
0 votes3 answers -
Фреймы и индексация...
Я пытаюсь изучить фреймовую верстку.... так вот в процессе у меня назрел вопрос... можно ли сделать так, чтобы такой сайт нормально индексировался? если да, то как?
0 votes3 answers -
Прижимаем footer (js или css)
Уважаемые мастера, хотелось бы услышать ваше мнение про этот метод http://habrahabr.ru/post/116267/ , прижатия к полу страницы, блока <footer>. Насколько он адекватен (если был опыт его внедрения) и насколько этот вариант оправдан по сравнению с вариантами в CSS?
0 votes3 answers -
ссылка выполняющая javascript
На странице есть контейнер, который отображается после нажатия кнопки. Как сделать ссылку на страницу с этим контейнером так чтобы запустился javascript и отобразил скрытый контейнер? Чтобы было понятно. На странице http://parkes.org.ua/trunk/goods.php есть два товара Паркес 7 и Паркес 77. Оба ведут на 1 страницу http://parkes.org.ua/trunk/parkes.php на которой есть кнопка меняющая информацию о Паркес 7 на Паркес 77. Вот функция меняющая контент <script type="text/javascript"> function parkes_select() { $('#parkes_7').fadeOut('slow', function () { $('#parkes_77').fadeIn('slow', function () { }); }); } function parkes_select2() { …
0 votes3 answers -
Проблемы с бесплатным шаблоном
Приветствую. На сайте http://foto-uvarovo.ru/ установил бесплатный фотошаблон и столкнулся с проблемой: меню, "лого-текст" и футер мигают при наведении. При этом их изначальный цвет почти сливается с фоном. Не пойму как вообще реализовано всё это "затемнение", перелопатил всю таблицу стилей. Помогите: 1. либо найти, как сменить изначальный цвет на более темный. 2. либо способ совсем убрать это мигание. PS: если что-то непонятно в моей формулировке - уточняйте) Не особо владею языком верстальщиков)
0 votes3 answers -
Позиционирование текста в div с помощью line-height
День добрый! Мне нужно спозиционировать текст внутри div по вертикале, чтобы текст был по середине. Нормально ли для этого использовать line-height со значением высоты контейнера? Пример: <div>текст</div> height div : 20px line-height div : 20px
0 votes3 answers -
Как сделать - "Сообщение отправлено" на текущей странице.
Здравствуйте. Очень прошу помочь, так как PHP только начинаю учить. Вешаю вёрстку на WP, есть простая форма в файле index.php: <form action="<?php echo get_template_directory_uri(); ?>/quickResponseForm.php" method="post" name="quickResponse"> <label><span>Name:</span><input name="name" type="text"></label> <label><span>Email:</span><input name="email" type="text"></label> <label><span>Ph:</span><input name="phone" type="text"></label> <input type="submit" value="Send" name="submit" title="Send"> </form> Создан обработчик quick…
0 votes3 answers -
Как сделать, чтобы картинка встала по ширине экрана
Пытаюсь натянуть верстку на Drupal. Как сделать, чтобы картинка встала влево? Чтобы не было зазора. http://s.ygastik.ru/
0 votes3 answers -
Автофокус тела страницы по высоте и вертикали ... Нужна помощь!
Здравствуйте уважаемые.. Возник вопрос в следующим: как растянуть/маштабировать потоковое видео по ширине и по высоте окна браузера, к примеру так сейчас реализовано на сайте http://tinakarol.com/, видео подгружается от сюда...>> Пробная моя станица http://goo.gl/kY6ku (осторожно, потоковое видео) .., проблема в том что масштаба нет, соответственно в окнах устройств с расширением менее 1300/** появляется скролинг. Скажите пожалуйста, как это можно исправить, чтобы был резиновый масштаб, то есть, содержимое подтягивалось под размер окна браузера (tinakarol.com)? Заранее спасибо
0 votes3 answers -
Не получается вывести заставку сайта по высоте
Здравствуйте! Я натягиваю верстку сайта на Drupal - http://s.ygastik.ru/. Столкнулся с проблемой - заставка сайта при уменьшении окна браузера - уменьшается вместе с ним и образует белый зазор снизу.
0 votes3 answers -
помогите с плагином jQuery-SelectBox
мне нужно изменить вид selecta с обычного на такой: выбрала плагин jQuery-SelectBox ( https://github.com/revsystems/jQuery-SelectBox#custom-styling ) 1.скачала zip, распаковала. 2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="javascript/jQuery-SelectBox-master/jquery.sb.js"></script> - внизу html прописала ссылки. 3. <link rel="stylesheet" href="jquery.sb.css" type="text/css" media="all" /> - на сss сослалась. 4. <script> $(document).ready(function() { $("select").sb(); }); </script> - скрипт после содержимого пункта 2…
0 votes3 answers -
как правильно заголовок в ссылку или ссылку в заголовок
Собственно, как правильнее: <h1><a href="">Text</a></h1> или <a href=""><h1>Text</h1></a>
0 votes3 answers -
Flexslider
http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…
0 votes3 answers -
editplus криво меняет кодировку
Перекодировал страницу в editplus с ANSI в utf-8, загрузил на хостинг, вышли кракозябры "Учёные". Потом с notepad перекодировал обратно в ANSI - никаких изменений. Как мне перекодировать страницу в utf-8 без кракозябр?
0 votes3 answers -
Отступы от div при разбиении на блоки в CodeIgniter
Доброго времени суток! Зашел на online генератор шаблонов HTML,CSS. Скачал 2 файлика html и css файлы. Порезал html на кусочки: 1 - header 2-top_navigation 3-maintext 4-leftblock 5-rightblock 6-footer для того чтобы через php автоматически гинерить страницы(все куски обрамлены тегами div c именами указаными выше). Когда файл один все пучком, когда разрезаю получается отступ порядка 10px перед всеми дивами. Проблемму с отступами от footer top_navigation решилась тем что начальный тег div помещал в верхний блок. А вот с хедером и вертикальной навигацией ступор, кстати отступ появляется перед блоком div и теперь имею отступ перед header и от него и до top_navigation. Через …
0 votes3 answers