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
-
Адаптация или две разных версии
День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устро…
0 votes2 answers -
Как создать страницу из фреймов
Нужно написать с помощью, языка HTML, страничку в которой будут 6фреймов, визуально представлено на картинки ниже. пожалуйста, помогите)
0 votes2 answers -
CODE и UL
Ссылко Как видно в FF3, если внутрь <code> запихать список, то почему то список вылазит за пределы блока. Пример <code> <ul> <li>Запись</li> <li>Запись</li> <li>Запись</li> </ul> <code> И даже Firebug отображает, как внешний элемент, а не внутри. Как с этим бороться? P.S. Другой баг со списками. Если поставь картинку с float left, то список наезжает на картинку? А тут как?
0 votes1 answer -
Joomla и div-ы
http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?
0 votes2 answers -
Кнопка с помощью display:block;
Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение
0 votes5 answers -
Хочу разобраться в резиновой верстке.
Хочу разобраться с макетами для новичков, опубликованных на форуме. Первый же из них нужно сделать резиновым. Так как не занималась резиновой версткой то, есть вопросы: 1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях? 2. как контролировать элементы внутри блока, если внешний блок резиновый? 3. на что нужно делать акценты в первую очередь при резиновой верстке? 4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?
0 votes5 answers -
Сделать, что б список повлиял на div
Здравствуйте, подскажите пожалуйста. Область, выделенная красным - это отдельный div, как можно сделать, что б при наведении на пункт меню "Главная страница", div, выделенный красным менял свой background ? Главное меню задается так: <ul><div class="left"></div> <li class="firstl" ><a href="/">Главная страница</a></li> <li class="act3"><a href="/price/">Прайс</a></li> <li ><a href="/stat-nashim-klientom/">Стать нашим клиентом</a></li ><li ><a href="/dlya-postavshikov/">Для поставщиков</a></li> <li ><a href="/feedback/">Обратная связь</a>&…
0 votes1 answer -
Вёрстка двух колонок
Здравствуйте уважаемые! Подскажите пожалуйста: Нужно сделать резиновый шаблон в две колонки, левая фиксированная, а правая(с контентом) тянется по всей длине. Если можно, не кидайте ссылки на сервисы, п просто напишите тут как вы считаете. Спасибо!
0 votes9 answers -
Вопрос по CSS
На данном сайте взял исходник на Dropdown Menus -> Centered - это zip-архив. Его содержимое в части CSS: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul#menu {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:11px; f…
0 votes2 answers -
Не растягивается height:100% блоки до футера
Здравствуйте, вот собственно и проблема, не понимаю в чем дело, HTML CSS
0 votes2 answers -
Выравнивание по разным краям в одном элементе
Как в одном диве сделать так, чтобы часть текста выравнивалась по левому, а часть по правому краю, чтобы они все были на одной строке? Пишу сюда, потому что не смог толково составить запрос для гугла(
0 votes2 answers -
Как реализовать?
Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка
0 votes2 answers -
В чем разница .shtml .stm .shtm
Добрый день. В чем разница .shtml .stm .shtm Я знаю что это и для чего. Но вот разница какая? Спасибо.
0 votes6 answers -
Inline-block не могу убрать отступы
Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.
0 votes2 answers -
Подскажите нужный синтаксис, плз
Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...
0 votes5 answers -
Высота блока в зависимости от содержимого
Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?
0 votes1 answer -
Яндекс карта: на мобилках не видно нужный объект
Есть яндекс карта, на десктопе она отображается как надо и мы видим нужный нам объект (адрес) http://skrinshoter.ru/s/230819/RfSZ8pOG а вот если ширина экрана будет меньше, то этот объект уже будет не видно http://skrinshoter.ru/s/230819/74r975D5 Как то можно сделать чтобы было видно этот объект и на мобилках? https://codepen.io/yaparoff/pen/WNeRMNW?editors=1010
0 votes1 answer -
Помогите задать стиль тексту
Есть код <table class="contentpaneopen"> <tr> <td valign="top" colspan="2"> Президент "Майами" Пэт Райли принял решение не подписывать контракты со свободными агентами в текущее межсезонье, сообщает South Florida Sun Sentinel. Таким образом, "Хит" постараются усилить позицию разыгрывающего путём обменов и отказываются от приобретения свободного агента Аллена Айверсона, имеющего предложение от "Мемфиса". <br /> <br /> По информации компетентного источника, "Гризлиз" готовы заплатить 34-летнему баскетболисту $ 3,5 млн за год, а "Майами" не сможет перекрыть эту сумму, так как клуб уже превысил лимит налога на роскошь.<br /> <div c…
0 votes2 answers -
Проблема с отображением на ipad
Всем привет, http://lassitertransportation.com/new/, выглядит ужасно на айпаде, айфоне. Хотелось бы пару советов, может какие то критичные ошибки в css или еще что, может какие то идеи в какую сторону мыслить. Буду премного благодарен.
0 votes5 answers -
Всплывающие элементы
NULL
0 votes2 answers -
картинка под ссылкой
Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?
0 votes3 answers -
подскажите
Всем привет, есть задумка одна, но не знаю как реализовать.. В общем что-то наподобие электронного портфолио или сайта-визитки, выполненного по типу тетради. Проблема в реализации эффекта переворачивающихся листов, подозреваю что jquery придется использовать для этих целей, но я в нем абсолютный ноль, может быть есть знатоки, которые подскажут с чего начать? P.S.: возможно тему не там создал, извиняюсь.
0 votes8 answers -
Тестирование верстки под разные мониторы
Здравствуйте! Слышал что есть сайт, в который загоняеться адрес страницы, а затем указываеться то ли размер, то ли разрешение монитора и затем он выдаёт скриншот относительно того как эта страница смотреться на конкретно указанном мониторе!? Буду благодарен если кто скинет ссылку этого сервиса или чего то вроде этого...
0 votes4 answers -
Как расположить дивы в одну строку (в 2 столбца)
Здравствуйте! Так как я новичок, значит думаю, я правильно выбрала раздел форума... Проблема такова: имеется блог с рецептами, сейчас занимаюсь расположением рекламы от гугла. Хочу разместить текстовый рекламный блок рядом с маркированным списком ингредиентов. Как я понимаю, если использовать верстку дивами, нужно поместить список в один див, а рекламу в другой. Какие параметры нужно задать дивам, чтобы они не разбегались по все странице. Пробовала с помощью float:left/right;, но все расплылось. Текст ниже этих блоков вылез на место рекламного блока, а рекламный блок завис над ним.
0 votes1 answer -
WordPress
есть такой элемент textarea, это поле для ввода текста и его можно растягивать за уголок, как ограничить растягивание только по ширине, высоте или по обоим координатам?
0 votes4 answers