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://mir-kaminov.su/foto-kaminov Суть проблемы: в фотогалерее после 2х кликов по одному изображению (увеличить и потом уменьшить картинку для просмотра) если отвести курсор в сторону - появляется оранжевая рамка на этой малой картинке. И пропадает только после клика по пустой области сайта. Похоже на "снять выделение". В хроме это малый прямоугольник, а в мозилле это прямоугольник во весь размер малого изображения. Не красиво это, второй день никак не найду корень проблемы. Самоучка, и прошу сильно не ругать. Прошу помощи, коллеги выручайте пожалуйста, где и на что заменить код ? Скриншот проблемы: фотка слева вверху с этой н…
0 votes2 answers -
Оцените верстку
Всем привет. Хотел бы чтобы вы проверили мою верстку http://verstka-primer.esy.es/world/ Макет, для многих легкий но я хотел бы чтобы вы мне показали как лучше сделать тот или иной элемент. Надеюсь, что там не так все плохо )
0 votes0 answers -
не работает русский язык при utf-8 без bom
Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…
0 votes2 answers -
Как победить правило в блоке?
движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …
0 votes1 answer -
Оффлайн курсы по front-end
Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …
0 votes0 answers -
Высота секций лендинга
Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))
0 votes2 answers -
переменные в java script
я хочу сделать 2 кнопки, нажимаешь на кнопку "нота" выводится рандомно нота, нажимаешь на кнопку песня и выводятся все ноты. я сделал кнопку, чтобы выводились ноты, а как сделать кнопку "песня" я не догоняю. помогите пожалуста. вот мой код:
1 vote4 answers -
нужен совет
вот решил занять веб дизайном. до этого использовал визуальный редактор дримвивер. знаю прогу отлично на 4+, но вот хтмл только решил изучать. немного не понятно, почему мучаться писать часами если все делается гораздо проще. также в инете много всего написано в плане как верстать сайт табличным или дивным видом. решил спросить начинать учиться на дивной верстве так как эра за ней? хотя не понимаю для чего вообще придумали тег див? не понравился он мне с самого начала.
0 votes1 answer -
Отображение скроллбаров при применении "overflow: auto;"
Вышеуказаный стилевой параметр применяется для div. Когда содержимое блока не выходит за его границы скролбары должны пропадать, что собственно они и делают в ие, фф и сафари, а в опере упорно всегда отображаются оба скролбара - неактивными, если все помещается, но картинку портят. Есть ли способы убрать эти "пустые" скроллбары, или, как вариант, оставить только вертикальный? Полное стилевое описание блока выглядит следующим образом: #inv_content { height: 271px; overflow: auto; background: url("../images/inv_back.gif");}
0 votes6 answers -
В CSS менью, W3 валидатор дает однотипную ошибку
Ребята помогите пожалуйста конкретным советом, вот конкретно моя типичная. посторяющаяся ошибка: http://validator.w3.org/check?uri=http%3A%...C%20*%3Bq%3D0.1 Там же указан сам сайт, я не смогла избавится от данной ошибки, видимо там, как я поняла нужно создавать какойто CSS класс. Та же ошибка у меня и в других моих сайтах, я все другие ошибки исправила, надеясь что в оставшецся части помогут мне коллеги с этого форума. Я не знаю CSS. Пожалуйста дайте мне конкретный блок CSS . . . или конкреттный совет (но не типа того: Изучай CSS, или, - Учи классы CSS). Если бы я спарвилась сама, то не теряла времени, и не беспокоила бы Вас. Спасибо
0 votes3 answers -
Как отменить открытие файла при нажатии кнопки Сохранить?
Добрый день! Прошу подсказать, как сделать, чтобы при нажатии на ссылку начиналось только скачивание. Сейчас вылезает диалоговое окно с предложением открыть или сохранить файл. *** Этот сайт для внутреннего пользования компании, находится он на внутреннем сервере, и любой желающий может сохранить свои изменения в файл.
0 votes1 answer -
border-radius
У меня на сайте в дизайне много закруглений, выполненных с помощью вставленных картинок. Стоит ли мне заменить всю эту массу изображений свойством CSS "border-radius" или пока ещё время? Все последние версии популярных брандеров так или иначе могут понимать это свойство(на IE6 я какал с высокой горы), значит грех его не использовать.
0 votes2 answers -
Прозрачный фон у изображения
Возникла проблема с фоновым изображением в таблице, в фотошопе был нарисован бордюр верхняя часть которого прозрачная, скрин ниже это подтверждает однако как только загружаю на сайт прозрачный фон заменяется на белый можно было бы просто верхнюю часть отрезать однако в оригинале меню шире и с закругленными краями, помогите решить эту проблемку
0 votes7 answers -
Как вствить флеш фоном
Здравствуйте, в общем есть такой макет , там на флеше изображена сама электростанция и облака вокруг нее, там птички летают облачка то и дело снуют туда сюда, в общем красота неописуемая, как вы уже наверное догадались вопрос: как мне теперь поверх всего этого разместить основной контент (меню и т. д.). Пробовал разместить флеш сверху а все остальное поднять margin не вышло, накладывать дивы друг на друга с помощью position:absolut мне не подходит. Подскажите плз. может скрипт есть какой или иное решение.
0 votes5 answers -
Meta
Вот такой вопрос по тегу <meta>. 1)Почему такой сайт как facebook использует <meta name="robots" content="noodp,noydir" /> ,который как я прочитал запрещает индексацию. Зачем? 2)И почему он не использует <meta ...ключевые слова? 3)Какие <meta> надо использовать? Я выбрал вот эти. <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='Content-Language' content='ru' /> <meta name='description' content='' /> <meta name='keywords' content='' /> Скажите правильно ли?
0 votes3 answers -
Не могу понять почему растягивает левый край
Всем привет, не могу понять почему растягивает левый край( Сайт www.vs-aqua.ru Вроде делал как резиновый дизайн, а оказался совсем не резиновым.
0 votes6 answers -
Верстка резинового бара для топика
Здравствуйте, хочу у себя на сайте переделать бар для топика, но не знаю как сделать правильно! Будет 5 блоков. 1. 3-первых заданной ширины по левому краю, 2. 4-резина, 3. 5-не резиновый, но не заданной ширины по правому краю. Помогите такое реализовать.
0 votes1 answer -
CSS display и поисковые пауки
Не знал куда засунуть, поэтому написал здесь. Всем добрый вечер. Возник вопрос, как реагируют поисковики на текст который display:none. Они же читают исходный текст страницы и я так подозреваю что они могут ругаться на то что при просмотре страницы текста нет а в иходниках он есть. Или всё нормально? P.S.сорри за нубский вопрос. просто первый раз занимаюсь клиентской стороной на столько губоко чтобы заниматься оптимизацией =))))) раньше только с серверной частью работал.
0 votes3 answers -
Шрифт GaramondPremrPro
В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.
0 votes2 answers -
Высота блока
Здравствуйте. Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы. Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73 Код: http://jsfiddle.net/atemiks/sf4Gh/1/
0 votes7 answers -
Верстка блоки разной высоты
На этом странице есть разделы "Способ доставки" и "Способ оплаты". Сверстал их таблицами. Думаю самый оптимальный вариант в этом конкретном ситуации. Но проблема в том , что , заказчик требует что было возможность динамически изменять , тоесть добавлять и удалять пункты через админки, без влезании в исходный код. Так как, тут, одной удалении td недостаточно, каким еще другим способом можно сверстать такой раздел? чтобы место удаленного пункта заменил преследующий его пункт? Спасибо!
0 votes2 answers -
Верстка градиента?
Всем привет. Есть такое изображение, которое никак не делится на слои в фотошопе, то есть это обычный растровый слой без всяких стилей и т.п.. Текст тут не важен, важно сверстать градиент, но как это сделать не имея данных о градиенте?(я даже не могу просто взять фон и поставить его тупо как background, так как на нем текст).
0 votes6 answers -
Некорректный размер текста
При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ? http://smages.com/images/2209201512.jpg
0 votes0 answers -
bootstrap 3 dialog
модальное окно <!-- Modal "client" --><div class="modal fade" id="client-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> ... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal -->код вызова модального окна $(document).on('click', 'a.link-modal', function(event){ event.preventDefault(); var url = $(this).attr('href'); var clickedbtn = $(this); var modalContain…
0 votes3 answers -
Проблема с позиционированием блоков Bootstrap
Доброго времени суток,я уверен что такая тема поднималась миллион раз,но я не могу правильно сформулировать поисковый запрос))) В общем внимание на экран: http://joxi.ru/1A5avYnsPZaXAE Как мне поднять блок футер наверх?
0 votes3 answers