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
-
Пропорции блока
Привет. Вот у меня такой вопрос. Мне нужен резиновый блок с пропорциями. Например, 3×2. То есть при ширине экрана в 300 пикселей он был бы 200 высотой. А при 400 ширины — 267 высотой. Так делается как-то? Мне на ум приходит только сделать картинку, которую положить в блок, а всё содержимое запилить внутри в absolute. А есть нормальные способы?
0 votes2 answers -
Инлайн блок галерея, по левой стороне
Подскажите пожалуйста. Если галерея выполнена с помощью инлайн блоков с выравниванием по центру, как сделать так, что бы не до конца заполненные строки выравнивались по левой стороне. https://jsfiddle.net/uok82thz/
0 votes3 answers -
Подвал
На сайте http://liondesert.narod.ru подвал сделан с помощью фонового рисунка. Как думаете, есть ли более оптимальный способ добиться того же результата?
0 votes1 answer -
И с нова hCard
Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).
0 votes2 answers -
баг с col в Opera
Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.
0 votes5 answers -
Проблема с выравниванием
Я хочу выровнить изображение по центру объекта ниже, а также создать отступ внизу 5px, вот код html: <div class="shapka" align="center"> <img src="http://worldcity.16mb.com/templates/siteground-j16-22/images/had.png"></img> </div> Код css: div .shapka{ height:200px; width:900px; margin-bottom: 5px; text-align: center; } Но получается вот такая картина:
0 votes4 answers -
"прилипить" div к низу родительского дива?
Здрвствуйте! Скажите пожалуйста - как "прилипить" div к низу родительского дива?
0 votes1 answer -
прижать ДИВ к низу ячейки?
Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто
0 votes2 answers -
Не растягивается картинка в IE.
Здравствуйте! В шапке сайта есть картинка которая имеет заданную высоту. Во всех браузерах работает, а в этом ср*ном IE нет(. Как выйти с положения? Вот код: div#cat-nav { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../images/nav.png"); - сама картинка. background-origin: padding-box; background-position: center bottom; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; clear: both; float: left; height: 130px;- высота картинки. margin: -5px 0 0; width: 960px;- ширина картинки. }
0 votes1 answer -
Горизонтальное выподающее меню
Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!
0 votes6 answers -
Альбом в Wordpress
Доброго времени суток. Проблема вот в чем. Закинул альбом на страничку а фотографии открываются, не знаю точно как описать, короче вот так ) http://2.arhis.z8.ru/wp-content/gallery/dizine2/image001_53.jpg А хотелось бы что бы открывались на этой же страничке с затемнением фона и возможностью переключения фотографий. Заранее спасибо.
0 votes5 answers -
Стационарная фоновая картинка
Всем джамбо друзья! Возможно этот вопрос нужно было задавать в разделе верстка, ну да ладно. Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru/wp-content/uploads/2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в…
0 votes4 answers -
Текст дугой
Текст дугой - как сделать? Может есть плагин какой на javascript? Заголовок то не один
0 votes1 answer -
html head body
Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?
0 votes3 answers -
Проблемы с позиционированием
Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?
0 votes2 answers -
Переход по якорям
Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример
0 votes1 answer -
Как сделать: Wordpress if (is_home()) нормально для HTML?
Вопрос не чисто по вёрстке, но всё же, от верстальщика, который таки суётся в вордпресс уже долго, но не знает пхп на должном уровне Хочу облегчить работу с этим оператором, а точней упростить синтаксис. Есть такая штука: <?phpif ( is_home() ) { // This is the blog posts index get_sidebar( 'blog' );} else { // This is not the blog posts index get_sidebar();}?>Как правильно экранировать if else, что бы спокойно можно было вписывать чистый HTML код, без всяких там пхпшных кавычек, точек, и.т.д. ? Видел такой пример, но на его основе всё равно не могу сделать то что надо, выдаёт ошибки или просто ничего не показывает. <?php if(get_field('repea…
0 votes3 answers -
Помогите разобраться с @media screen
Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…
0 votes3 answers -
Выпадающее меню
Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.
0 votes4 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 -
Не получается растянуть фон боковых блоков
Проблема в том, что фоновая картинка не повторяется на всю высоту контейнера, а заканчивается там, где кончается блок. Решается проблема только с фиксированной высотой, которую я для наглядности задал в правой колонке, но фиксированная не пойдёт, а height:100% меня не понимает Пол дня мучаюсь с этой версткой. Помогите решить проблему <div id="container"> <div id="left_side"> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div> <div id="block_bottom"></div> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет т…
0 votes0 answers -
Подсвечивание синтаксиса в тегах [code][/code]
Я на многих сайтах видел как в поле code выделялся синтаксис того или иного языка, но сам я сколько не пытался, у меня не получалось, кто нибудь знает как это сделать? Пример:
0 votes3 answers -
Как убрать второй скролинг в ие
Здравствуйте, у меня сайт из фреймов, отображается так: <iframe scrolling="auto" width="100%" height="100%"> и в ие отображается 2 вертикальных скролинга один крайний пустой, а той что левее работает, как сделать чтобы убрать левый скролинг, а правый работал. Так <iframe scrolling="no" width="100%" height="100%"> скролингов вообще нет и отображается только та часть сайта которая влезла на страницу.
0 votes1 answer -
Список с полем и таблица с данными
Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.
0 votes2 answers -
IE 6 в сторону
Кто-нибудь в курсе как сделать так чтобы сайт определял какой браузер стоит у пользователя.. тем самым вычисляя если стоит шестерка или семерка ИЕ то выдавать сообщение о том мол ваш браузер старый скачайте отсюда другой..?
0 votes2 answers