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
-
Как центрировать блок
Вот небольшой пример - https://jsfiddle.net/zpLhab6z/ Как можно выставить по центру экрана сам блок с ссылкой? Желательно без использования дополнительных контейнеров и структуры типа <center_></center_> Спасибо.
0 votes6 answers -
Плагин по навигации
Люди, помогите найти плагин навигации на сайте, может кто-то сталкивался в работе с таким. У меня есть скрытая навигация (скрин http://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!
0 votes0 answers -
При вставке текста с ссылкой в форму отправки заявки не работает ссылка
При вставке текста с ссылкой в форму отправки заявки не работает ссылка. При клике на ссылку срабатывает кнопка отправки сообщения вместо открытия ссылки. Ничего не понимаю, что можно сделать? Вот концовка формы: <div class="col-xs-12 col-md-4"> <p><textarea name="msg" placeholder="Сообщение"></textarea></p> <div><a href="#" class="button" style="float: right;">ОТПРАВИТЬ</a></div> </div> <a href="<?=SITE_DIR?>soglasie.pdf" target="_blank">Нажимая на кнопку О…
0 votes1 answer -
Проблема в вставки картинки в html коде
Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…
0 votes1 answer -
Расширяется слой(блок)
У меня такая проблема: у сайта из двух блоков второй(#position3), где находится контент и текст при вводе текста слой расщиряется, а в результате чего опускается вниз. Помогите пожалста сделать так чтоб он не расширялся! #container { width: 850px; /* Ширина слоя */ margin-right: auto; /* Отступ справа */ margin-left: auto; /* Отступ слева */ background-color: ; height:1008; } #position1{ /* Этот слой накладывается поверх */ position: relative; /* Относительное позиционирование */ left:0px; /* Положение от левого края */ top: 0px; /* Положение от верхнего края */ width: 150px; /* Ширина правой колонки */ height:1000px; background-image: url(fon1.jpg); …
0 votes1 answer -
float и margin в IE6
Вот ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже? что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) ? FF и Opera отдают для этой колонки нужное пространство, но удя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?
0 votes0 answers -
Пару вопросов начинаещего
Здравствуйте, решил создать сайт, подобие баша, за основу взял движок simple quote engine 1.3, Интересуют вопросы: 1) пример или где можно разузнать, про то как сделать изменение рейтинга цитаты без перезагрузки самой страницы. код рейтинга сейчас: 2) создание выпадающего списка при наведении на ссылку или слово (как тег <SELECT>, но нужно чтоб слово, на которое наводится было не в боксе, а как обычная ссылка) (!) Важно: все это надо без использования JavaScript'ов сам сайт: sc2funny.rxfly.net (PHP, CSS, MySql)
0 votes1 answer -
Фон букв. Возможно ли?
Доброй ночи, вот есть вопрос: возможно ли как-то реализовать решение как на картинке? Если просто делать заливку фона h или div, то весь прямоугольный блок заливается. А тут как бы заливка в отдельности каждой буквы.
0 votes1 answer -
3 дива по центру
подскажи как построить 3 дива по центру типо как на _lostfilm.tv 3 подряд получается сделать но они висят в левой стороне и на центр не получается их выгнать .. и нужно что бы они были на всех разрешениях ... так что отступ просто не получиться сделать ..
0 votes1 answer -
Как убрать второй скролинг в ие
Здравствуйте, у меня сайт из фреймов, отображается так: <iframe scrolling="auto" width="100%" height="100%"> и в ие отображается 2 вертикальных скролинга один крайний пустой, а той что левее работает, как сделать чтобы убрать левый скролинг, а правый работал. Так <iframe scrolling="no" width="100%" height="100%"> скролингов вообще нет и отображается только та часть сайта которая влезла на страницу.
0 votes1 answer -
Курсоры
У кого-нибудь получилось найти кроссбраузерное решения для использования своих шрифтов на странице? Безумно люблю Оперу - по жизни только с ней, но она так подставила тем что не понимает пользовательские курсоры..
0 votes3 answers -
IE 6 в сторону
Кто-нибудь в курсе как сделать так чтобы сайт определял какой браузер стоит у пользователя.. тем самым вычисляя если стоит шестерка или семерка ИЕ то выдавать сообщение о том мол ваш браузер старый скачайте отсюда другой..?
0 votes2 answers -
Помогите поровнять
Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии…
0 votes2 answers -
баг с col в Opera
Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.
0 votes5 answers -
Разное начертание шрифта Helvetica в разных браузерах
Один и тот же сайт в Опере отображается по одному ( верхний вариант ) , в Мозилле и Хроме по другому ( нижний вариант ). Почему так ? Хотелось бы увидеть в Опере так же как в Мозилле и Хроме.
0 votes7 answers -
Сайдбар поехал
Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…
0 votes2 answers -
прижать ДИВ к низу ячейки?
Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто
0 votes2 answers -
несколько эффектов одновременно
Возможно ли чтоб при наведении на один блок(допустим на нём эффект появления тени), что вместе с эти эффектом срабатывали еще и другие элементы... ну вот допустим есть шесть квадратов, каждый квадрат это отдельный элемент, наводим на один квадрат и срабатывает эффект только на нём, как сделать что на остальных пяти тоже срабатывал эффект при наведении только на один из них...
0 votes3 answers -
Какой это язык программирования?
http://itmages.ru/image/view/770590/84a429af Что это за язык программирования? Какими программами его удобней редактировать?
0 votes3 answers -
Дивная вёрсткая + css разбивка на три колонки
Народ, подскажите пожалуйста, может есть у кого-то шаблон подобного.. Как правильно разбить (дивная вёрстка) css правильно на шапку, три колонки и нижний колонтитул? То есть мне необходимо во вторую и третью колонку будет вставлять одинакового размера картинки, которые будут идти друг за другом. Пересмотрел и перебробывал много чего, постоянно картинки сбиваются и вылазят за края или что-то подобное этому.
0 votes1 answer -
список с сортировкой по горизонтали
Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?
0 votes7 answers -
html head body
Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?
0 votes3 answers -
Много кто спрашивал про нестандартное обтекание текста
http://frontender.info/css-shapes/
0 votes3 answers -
Помогите допилить слайдер
Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!
0 votes4 answers -
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers