HTML Coding

29542 questions in this forum

1. списки с разделителями

   сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель

   Asked by cyklop77, November 29, 2011

   0 votes
   19 answers
2. 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> …

   Asked by milkeyway, June 8, 2012

   0 votes
   7 answers
3. кастомизация bootstrap3

   помогите пожалуйста разобраться при скачивании bootstrap3 с главной страницы оф.сайта, пользователь получает дистрибутив, состоящий из множества папок при скачивании bootstrap3 со страницы кастомизации оф.сайта(даже если не трогал галочки), пользователь получает только три папки: css, js, img почему такая разница? во втором случае пользователь получает не полный дистрибутив?

   Asked by cyklop77, October 18, 2013

   0 votes
   8 answers
4. Внезапный белый слой при прокрутке в хроме

   http://html2css.ru/travel/ Значит нужно открыть хром на весь экран, вин 8.1. - делать аккуратно прокрутку 2я прокрутка - дает белый экран. wft, help, ty.

   Asked by Zverushka, April 19, 2014

   0 votes
   8 answers
5. front end или back-end ?

   У меня есть 2 хобби. Верстка и php ну или серверное программирование. Мне нравится и фронт энд и бэк энд. Но развиваться в обоих сферах это значит не преуспеть ни в одной. Придется выбрать что то одно и развиваться до конца в нем. Такой вопрос. Чем лучше заниматься? Где более высокий потенциал? Что в будущем будет более актуально? и за что больше будут платить больше в будущем? В общем вы поняли суть вопроса. Жду ваших мнений)

   Asked by WEB-best, April 21, 2014

   0 votes
   9 answers
6. Автоматический подгон изображения.

   Здравствуйте! Вплотную коснулся проблемы с добавлением изображений когда необходимо добавлять изображения без предварительной обработки и изменения размера изображения. Подобное реализовано к примеру на FancyBox, когда превью картинки обрезается и картинка не искажается в зависимости от пропорций исходной картинки. Хотел бы найти инструмент как реализовать подобное. Вроде как наткнулся на реализацию с помощью php http://recens.ru/php/resize_and_crop.html, имеется ли что-то подобное на js и css?

   Asked by Vicos, August 18, 2014

   • resize
   • изображения
   0 votes
   5 answers
7. Сладер стопкой

   Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.

   Asked by Shiza, June 7, 2015

   • слайдер
   • jquery
   • карусель
   0 votes
   0 answers
8. 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…

   Asked by ZooY, March 12, 2009

   0 votes
   1 answer
9. картинка+ссылка, наведение другая картинка

   Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.

   Asked by sedrik, August 13, 2010

   0 votes
   5 answers
10. 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 вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?

    Asked by ddvhouse, June 5, 2011

    0 votes
    3 answers
11. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007, February 9, 2015

    • css
    • html
    • div
    0 votes
    8 answers
12. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND, February 22, 2017

    • html
    • css
    • js
    • xslt
    • umi
    0 votes
    3 answers
13. Выравливание по нижнему краю body

    Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.

    Asked by mp3frog, June 18, 2008

    0 votes
    2 answers
14. Как создать полноценный проект?

    Всем привет. Последние несколько месяцев пытаюсь создать сайт.Так вот ,при этом каждый раз сталкиваюсь с новыми трудностями,чем дальше тем больше вопросов.Сейчас моя ситуация такая.: -Знаю html,css -Знаю php и немного ,что нужно, MySQL -Могу всё это вместе объеденить т.е. понимаю как работают в совукупности все эти языки. -Javascript знаю,что это.Но синтаксис и т.п. его не знаю.При создании сайта не разу ещё не использовал. Как я делаю сайт? Значит я открываю пустую страницу редактора и пишу код html вместе с css.Потом добавляю программинг т.е. php. Не использую никакую CMS и сам не пишу никакую CMS.Создавая сайт ,хочу чтоб он стал серьёзным проектом (например как 74.ru,…

    Asked by new01, March 14, 2011

    0 votes
    5 answers
15. Как сделать

    Подскажите как сделать меню из картинок, например на сайте яндекса Яндекс Понимаю вроде что делается через overflow и javascript, но как конкретно - не знаю. Подскажите плиз url где можно по этой теме почитать?

    Asked by vak, December 14, 2008

    0 votes
    5 answers
16. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине 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); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88, March 4, 2009

    0 votes
    7 answers
17. ХЕЛП! В Мозиле иероглифы!

    сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?

    Asked by SLY87, November 7, 2009

    0 votes
    1 answer
18. поменять блоки местами

    Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок 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"&…

    Asked by cardsmoney, February 3, 2010

    0 votes
    5 answers
19. Делаю сабе визитку... Вопрос относительно меню и центрирования дива

    Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…

    Asked by Night Man, March 8, 2011

    0 votes
    8 answers
20. Резиновый макет как застваить сжиматься-разжиматься

    Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…

    Asked by param, June 29, 2012

    0 votes
    8 answers
21. О css фреймворках

    Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…

    Asked by vladmih, August 5, 2015

    0 votes
    7 answers
22. Скачет масштаб/размер шрифта в мобильном браузере

    Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?

    Asked by StormMan, September 29, 2015

    0 votes
    4 answers
23. Глюк со слайдером

    Есть слайдер: http://bootsnipp.com/snippets/featured/news-carousel При уменьшении экрана он съезжает. А когда обновишь страницу, то нормально вроде как. Что за глюк? Как исправить? Спасибо.

    Asked by Alfa2015, November 10, 2015

    0 votes
    0 answers
24. Проблемы с FONT

    Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.

    Asked by Nail, December 12, 2007

    0 votes
    2 answers
25. Пробел между строками в таблице

    Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <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/…

    Asked by Job, June 22, 2008

    0 votes
    1 answer