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
-
Изменение масштаба макета
Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y
0 votes3 answers -
Какая должна быть разметка в данном случае?
Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.
0 votes4 answers -
Белая полоса на экране страницы
Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com
0 votes6 answers -
Вывод файла по дате
Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 12.04 День космонавтики или 7.05 День радио. Вот как примерно я себе это представляю. <h3>День космонавтики</h3> <p> <a title="12.04.1961 День Космонавтики" href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BD%D1% C_%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D0%BD%D0%B0%D0%B2%D1%82%D0%B8%D0%BA%D0%B8" target="_blank"> <img src="images/12_04.png" alt="День космо…
0 votes2 answers -
Как сверстать такое
Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать
0 votes2 answers -
Аудиоплеер без js
Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?
0 votes1 answer -
машинка поднимается на один уровень
Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? portfoliox.ru
0 votes1 answer -
Помогите
http://dump.ru/file_catalog/1031757 - вот скрин Я сделал новую шапку, убрал старую вставил новую, но теперь у меня исчезли надписи "На главную" "Выход" "пользователь" как их поставить на новую шапку????
0 votes0 answers -
Вопрос по меню
Всем доброго времени суток. Если есть возможность, подскажите: Есть меню на сайте. Состоит в принципе из разделов и подразделов, которые в данный момент выводятся все вместе. Требуется, чтобы подразделы меню выводились только по клику на соответствующий раздел. В шаблоне меню выводится так: {foreach name=foo from=$menu item=e} {if $e._level==1} <tr> <td class="menu2"><a href="{$e.url}">{$e.name}</a></td> </tr> {else} <tr> <td class="menu3"><a href="{$e.url}" >{$e.name}</a><br></td> </tr> {/if} {/foreach} Так вот. Есть доступ только к шаблонам. Есть еще…
0 votes0 answers -
Растягивание центральной колонки в таблице
Добрый день! Искал на форуме не нашел. Суть в следующем Есть таблица в ней 5 колонок, необходимо чтобы центральная растягивалась а 4 остальные нет ( у них фиксированная величина) Ситуация усложнена тем что всего 4 строки и 2 с третьей объединены. td#t_1{ width:141px; height:113px;} td#t_2{ width:106px; height:113px;} td#t_3{ width:auto; height:113px;} td#t_4{ width:106px; height:113px;} td#t_5{ width:141px; height:113px;} td#m_1{ width:124px; height:71px;} td#m_2{ height:71px;} td#m_3{ width:124px; height:71px;} td#m_4{ width:106px; } td#m_5{ width:106px; } td#b_1{ width:141px; height:145px;} td#b_2{ width:106px; height:145px;} …
0 votes4 answers -
Картинка в табличке
Приветствую Вас. Скажите плз, как убрать зелёную рамку воктруг картинки? Т.Е. все отступы сделать 0. <body style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='red'> <table style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='green'> <tr style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; pad…
0 votes2 answers -
фреймы. как создать такую верстку?
здравствуйте. сразу извиняюсь за мусор, но самостоятельно решить эту задачу я уже отчаялся. вобщем мне надо создать страницу с из фреймов которая будет выглядеть так, как на рисунке. я сам никогда не пользовался фреймами, разве что iframe, да и не собираюсь пользоваться в будущем, но это задание мне выполнить необходимо. как я только не изворачивался, не получается и все. может кто знает онлайновый генератор фреймов или программку, мне бы только задание выполнить. спасибо.
0 votes3 answers -
GIF анимация
Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.
0 votes3 answers -
Выравнять два блока по высоте
Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…
0 votes7 answers -
разчленение контента по страницам
Комрады, доброго здоровья. Наверняка сталкивались. Будет большой такой список товаров позиций 200, представляете как уедет сайт вниз - да и размер старницы большой. Хочется чтоб при добавлении контента если он превысил заданную величину, этот самый контент переносился на другую страницу (пример). Я бы и ручками разбил на станицы, но приходится что то добавлять , что то удалять - это будет муторно. Может кто знает о этих вещах или название скрипта подскажет или поделится своим опытом - я буду признателен вам за это. Спасибо за внимание
0 votes2 answers -
Проблема с выпадающим меню
Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…
0 votes1 answer -
День недели
Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.
0 votes5 answers -
box-shadow или background-image?
Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…
0 votes1 answer -
Проблема с :hover
Подскажите пожалуйста как достичь такого эффекта :hover как на изображении. спасибо всем p.s верхнее меню. синяя стрелка .
0 votes2 answers -
плавное появление меню (transition)
ребят есть код (смотрите на скрине) при наведении пункты должны плавно появляться .с background-color это работает, впринципе градиент при навдении мышки тоже работает отлично а вот что написать в transition ума не приложу ,что не писал не работает и все,может кто что подскажет ,может ошибка где
0 votes3 answers -
Прошу помочь со страницей портфолио (проблемы с переходом на разделы сортировки)
Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="c…
0 votes0 answers -
видимость страницы
Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.
0 votes2 answers -
Video Background автоматическое изменение высоты DIV под высоту текста.
Здравствуйте! Подскажите как сделать video background для DIV, и что бы высота div-a задавылась автоматически в зависимость от высоты текста внутри? Спасибо!
0 votes1 answer -
Проблемы с вставкой изображения
у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…
0 votes1 answer -
Проблемы с мобильной версткой
Здравствуйте. Имеется сайт http://alarmdv.ru При уменьшении экрана с телефона масштаб сайта уменьшается и сдвигается влево, справа остается белый пробел Как сделать так, чтобы при изменении масштаба на телефоне сайт сохранял свои пропорции. Спасибо
0 votes2 answers