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
-
Лишние пикселя
Всем доброго времени суток!При верстке сайта наткнулся на одну проблему,которую никак не могу решить,собственно говоря,поэтому и обратился к вам! Вот сайт - сайт В меню главных разделов :"Художники" Фоновая картинка имеет высоту в 72 пикселя,но тег <li> упорно почему-то ставит высоту 75 пикселей,что мешает ровно отцентрировать сам список,итог:"Откуда появляются эти три лишние пикселя?" Прошу прощения,вопрос исчерпан Решение: Применить к изображению vertical-align:bottom;
0 votes0 answers -
Динамическая таблица
Добрый день друзья ! Очень прошу помочь ! Надо собрать HTML файл с динамической таблицей, т.е. чтобы она перемещалась при прокрутке странице. position: fixed пробовал, не то. Примерно надо сделать так как в этом файле: https://drive.google.com/file/d/0BwY7WN_7H7UYX2NzNWNhS3B5VTA/edit?usp=sharing Скачайте его, нажмите на какую то букву и двигайте вниз-Вы увидите как будет перемещаться таблица. Вот точно такую же надо собрать мне. Очень прошу помогите пожалуйста. Заранее спасибо!
0 votes3 answers -
еще одна проблемка с ссылками
Походу верстки своего первого сайта вылезла еще одна проблема. Что мне нужно получить: Как видите при наведении меняется цвет и цифры и текста. Поэтому я решила поместить цифры в спан и задать им отдельные стили: <ul><li><a href="#"><span class="number">1</span>Lorem ipsum</a></li><li><a href="#"><span class="number">2</span>ea mollitia</a></li><li><a href="#"><span class="number">3</span>assumenda minima</a></li><li><a href="#"><span class="number">4</span>sit amet</a></li></ul>С текстом я разобралась, там то не…
0 votes2 answers -
Не получается бросить якорь в скрытый блок
Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…
0 votes0 answers -
Vertical align текста и картинки в один ряд
Как сделать так, чтобы текст был выравнивался по центру картинки, а не по базовой линии как сейчас? https://jsfiddle.net/7kcy40eq/3/
0 votes1 answer -
верстка с паралакс-эффектом и caroufredsel в фоне
помогите разобраться с настройкой высоты и ширины картинок в caroufredsel. Я пытаюсь объединить параллакс эффект со слайдером caroufredsel в фоне. Но никак не могу добиться корректного отображения размеров картинок в слайдере Вот ссылка на fiddle:https://jsfiddle.net/user/pupsik111/fiddles/. А паралакс вроде бы работает.
0 votes0 answers -
Не видны бегунки на слайдера
Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…
0 votes0 answers -
FRAME-ы и социальные кнопоки
Как добиться взаимодействия между двумя фреймами, на одном фрейме размещены соц. кнопки, на другом разные статьи. Нужна возможность добавлять эти статьи в соц. сети, не прописывая каждый раз код соц. кнопок в статьях.
0 votes1 answer -
Непонятки с маркированными списками
Народ для своего сайта нашел в сети тему. Установил ее. И сейчас не могу разобраться, как у маркированных списков удалить справа полосу прокрутки. Вот ссылка на страницу где он используется Блог сеошника Витька. Заранее благодарю за любую помощь.
0 votes2 answers -
сделать картинку фоном
посоветуйте пожалуйста способ, которым можно решить проблему. имеется изображение .jpg, текст и div, в котором они должны быть размещены. разместить нужно так чтобы текст обтекал картинку. картинка не имеет семантической ценности поэтому хотелось бы разместить её в виде фона. при этом текст перестанет её обтекать. каким способом его можно оставить в том же виде? есть идея растянуть однопиксельный .gif до размеров картинки. но она мне не очень нравится, так как в разметке появляется лишний тэг, применяемый в оформительских целях.
0 votes1 answer -
Ссылки на сайте перестали быть активными
В общем проблема такая. В один момент на сайте перестали работать все ссылки, и перестал появляться курсор "pointer". вместо pointer появляется text, курсор для редактирования текста. может кто сталкивался с такой проблемой??? как это выглядит можно посмотреть здесь www.mupgoii.ru А также при наведении на ссылку, не появляется путь ссылки.
0 votes2 answers -
Ввод пар ключей-значений.
Как визуально лучше оформить табличку(Ввод пар ключей-значений.)? Ключ-текст, выведен, произвольной длины. Значение-input text или select, размеры разные. прижать правую колонку влево, а левую-вправо? Ну и опросик небольшой ))
0 votes0 answers -
Картинки скачут, помогите пожалуйста!
Добрый день! При нажатии на квадратик цвета должна меняться картинка слева. Но она меняется только со второго нажатия, а с первого она перемещается перед словом "Цвета". Помогите пожалуйста решить вопрос. http://stoneinfocus.ru/bataries/20.html
0 votes2 answers -
как исключить элемент из выборки?
помогите пожалуйста решить проблему есть html: <div id="test"> <div> hide text </div> <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> </div> мне нужно получить (с тегами): <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> желательно использовать xpath
0 votes0 answers -
Создание данного эффекта
Добрый день! Понравился эффект с сайта http://nikeo.orgfree.com/ Под слайдером три изображения и при наведение на них они принимают форму эллипса. Как такое сделать?
0 votes2 answers -
Размещение блоков на странице
Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/
0 votes1 answer -
Почему тело страницы НЕ подлазит под навигацию?
Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.
0 votes2 answers -
Не могу вырезать элементы
Здравствуйте, подскажите пожалуйста, есть макет, когда я отключаю задний фон, то получается: появляются черные пятна, из-за чего это? и как правильно вырезать? зарание спасибо.
0 votes2 answers -
Семантическая разметка Schema
Привет, друзья. Решил на сайт внести семантическую разметку Schema.org для организации (название и контакты). Вопрос: нужно ли ее дублировать на каждой странице (в подвале, в моем случае). Спасибо
0 votes1 answer -
Подскажите как исправить кривой слайдер
1.Проблема в рамке слайдера bxslider не могу понять как изменить расстояние сверху http://saunasuper.ru/nashi_zaly/china/#prosmotr 2. как сделать, чтобы фотографии в этом слайдере открывались одним размером
0 votes2 answers -
Выстраивание элементов в вертикальный ряд.
Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…
0 votes2 answers -
Синхронизация вкладок
Доброго времени суток, всем! Есть проблема синхронизации вкладок (табов) на сайте. Без примера, не объяснить, вот сайт: http://meatup.ru 1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки; 2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта; Косяк в следующем: 3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область; 4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается; 5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза. По отдельнос…
0 votes1 answer -
отступ снизу у изображения
#warp { float: left; margin-right: 10px } <img src="image.jpg" width="519" height="405" id="warp">текст .. текст .. текст отступ снизу от изображения до текста создается по самому высокому текстовому элементу?
0 votes1 answer -
Скрипт для изменения картинки
Есть картинка длинной 1000px. Каждые 200px начиная сверху, есть картинка с мордой и улыбкой, чем ближе к низу тем улыбка становится больше(спрайт). Всего 5 изображений на одной картинке. Нужен скрипт который за 2 секунды промотает снизу вверх все 5 изображений, чтобы получилась анимация(как в мультике). Могли бы пожалуйста подкинуть решение. Решение найдено здесь
0 votes0 answers -
Вёрстка темплейтов
После более-менее тщательного изучения стилей и тегов стал задумываться об осознанном использовании редакторов. Мне показался наиболее мощным Adobe DW, после Rapid CSS. Вроде бы ясны и цели, и средства. Валидный код + скорость верстки. Знакомство с Artisteer.com породило вопросы, на которые ищу ответы: Как свёрстаны вообще темплейты Worldpress, Joomla, Drupal, DotNetNuke, Blogger итд, если после распаковки темплейта нахожу кучу php и только один файл с коротким HTML кодом, определяющим цвет body? Почему одну и ту же вёрстку Artisteer сохраняет с разным набором файлов для Worldpress и для Joomla, например?
0 votes2 answers