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
-
списки с разделителями
сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель
0 votes19 answers -
HTML5
Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …
0 votes7 answers -
кастомизация bootstrap3
помогите пожалуйста разобраться при скачивании bootstrap3 с главной страницы оф.сайта, пользователь получает дистрибутив, состоящий из множества папок при скачивании bootstrap3 со страницы кастомизации оф.сайта(даже если не трогал галочки), пользователь получает только три папки: css, js, img почему такая разница? во втором случае пользователь получает не полный дистрибутив?
0 votes8 answers -
Внезапный белый слой при прокрутке в хроме
http://html2css.ru/travel/ Значит нужно открыть хром на весь экран, вин 8.1. - делать аккуратно прокрутку 2я прокрутка - дает белый экран. wft, help, ty.
0 votes8 answers -
front end или back-end ?
У меня есть 2 хобби. Верстка и php ну или серверное программирование. Мне нравится и фронт энд и бэк энд. Но развиваться в обоих сферах это значит не преуспеть ни в одной. Придется выбрать что то одно и развиваться до конца в нем. Такой вопрос. Чем лучше заниматься? Где более высокий потенциал? Что в будущем будет более актуально? и за что больше будут платить больше в будущем? В общем вы поняли суть вопроса. Жду ваших мнений)
0 votes9 answers -
Автоматический подгон изображения.
Здравствуйте! Вплотную коснулся проблемы с добавлением изображений когда необходимо добавлять изображения без предварительной обработки и изменения размера изображения. Подобное реализовано к примеру на FancyBox, когда превью картинки обрезается и картинка не искажается в зависимости от пропорций исходной картинки. Хотел бы найти инструмент как реализовать подобное. Вроде как наткнулся на реализацию с помощью php http://recens.ru/php/resize_and_crop.html, имеется ли что-то подобное на js и css?
0 votes5 answers -
Сладер стопкой
Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.
0 votes0 answers -
IFRAME и border
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…
0 votes1 answer -
картинка+ссылка, наведение другая картинка
Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.
0 votes5 answers -
SVG и Opera 11
На странице http://emacsformacosx.com/ пример, как можно использовать векторный SVG на странице. Все мануалы и статьи по верстке SVG ведут на этот пример. (вообще тут прочитал про SVG: http://habrahabr.ru/blogs/svg/82649/) Он отлично открывается и в FF 3, 4 и в Opera 11, и в Chrome 11. Но, когда я весь исходный код страницы скопировал и выложил у себя на хостинге получилось вот что: http://www.ddvhouse.ru/svg.htm В FF всё работает, в Chrome пропал фоновый градиент, а в Opera вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?
0 votes3 answers -
Почему блок выпал?
Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!
0 votes8 answers -
Два и более аккордеона на странице
Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…
0 votes3 answers -
Выравливание по нижнему краю body
Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.
0 votes2 answers -
Как создать полноценный проект?
Всем привет. Последние несколько месяцев пытаюсь создать сайт.Так вот ,при этом каждый раз сталкиваюсь с новыми трудностями,чем дальше тем больше вопросов.Сейчас моя ситуация такая.: -Знаю html,css -Знаю php и немного ,что нужно, MySQL -Могу всё это вместе объеденить т.е. понимаю как работают в совукупности все эти языки. -Javascript знаю,что это.Но синтаксис и т.п. его не знаю.При создании сайта не разу ещё не использовал. Как я делаю сайт? Значит я открываю пустую страницу редактора и пишу код html вместе с css.Потом добавляю программинг т.е. php. Не использую никакую CMS и сам не пишу никакую CMS.Создавая сайт ,хочу чтоб он стал серьёзным проектом (например как 74.ru,…
0 votes5 answers -
Как сделать
Подскажите как сделать меню из картинок, например на сайте яндекса Яндекс Понимаю вроде что делается через overflow и javascript, но как конкретно - не знаю. Подскажите плиз url где можно по этой теме почитать?
0 votes5 answers -
форматирование сылки
народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…
0 votes7 answers -
ХЕЛП! В Мозиле иероглифы!
сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?
0 votes1 answer -
поменять блоки местами
Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…
0 votes5 answers -
Делаю сабе визитку... Вопрос относительно меню и центрирования дива
Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…
0 votes8 answers -
Резиновый макет как застваить сжиматься-разжиматься
Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…
0 votes8 answers -
О css фреймворках
Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…
0 votes7 answers -
Скачет масштаб/размер шрифта в мобильном браузере
Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?
0 votes4 answers -
Глюк со слайдером
Есть слайдер: http://bootsnipp.com/snippets/featured/news-carousel При уменьшении экрана он съезжает. А когда обновишь страницу, то нормально вроде как. Что за глюк? Как исправить? Спасибо.
0 votes0 answers -
Проблемы с FONT
Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.
0 votes2 answers -
Пробел между строками в таблице
Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…
0 votes1 answer