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
-
Проблема с каруселью
Добрый день! Может кто сможет помочь с моей проблемой, на Word Press поставил стандартную карусель из Bootstrapa, всегда она работала просто идеально, а сейчас начался какой-то бред, слайды идут непонять как (первый идет нормально, второй пустой, потом выползает обрезанный и расширяется до нормального состояния, и все это приводит к прыганию контента) Пытался что-нибудь проверить с помощью Firebug, но он мне показал что какая-то ерунда со слоями, вроде навожу мышку на слой с текстом, а фаербаг показывает что ему кажется этот слой ниже...Никогда такого не было. В принципе на картинке видны обе проблемы Может кто с этим встречался? Или примерно знает как исправить?
0 votes7 answers -
квадратный фон у ссылки
нужно сделать у ссылок вида <ul> <li><a href="/">Главная</a></li> ... </ul> которые находятся в панели при наведении мышью (hover) квадратный фон другого цвета(примерно так, как сделано у vk.com).
0 votes2 answers -
Ширина страницы при печати
Подскажите пожайлуста, можно ли через стили указать принтеру, что не нужно подгонять ширину печатаемой страницы под ширину страницы ? В общем чтобы при печати не изменялась ни ширина , ни масштаб
0 votes1 answer -
Css em triangle и еще 1 вопрос
Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…
0 votes2 answers -
Ограничить размер img сверху, без растягивания
Братцы, так бывает, что из базы на страничку картинки тянешь, а в базе, понятное дело картинки разных размеров и форматов (jpg gif png) и выяснить их размер "налету" вряд ли возможно. А область под картинку фиксированного размера. Так вот, желательно картинки больше известного размера масштабировать, а меньше - оставить как есть. Это реально?
0 votes6 answers -
Выход текста за граници блока
Не могу понять свою затупку, 2 дня назад работал с шаблоном сайта было все нормально. Сейчас текст выходит за граници блока как показанно на примере хотя должен переходить на новую строку. <!doctype html> <html> <head> <meta charset="windows-1251"> <link rel="stylesheet" type="text/css" href="styles/style.css"> </head> <body> <div id="stranica"> <div id="stranica1">sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf </div> <div class="clr"></div> </div> </body> </html> #stranica { height: 1000px; width: 600px; float:…
0 votes2 answers -
Яндекс карты - можно ли задать параметр карты прямо в адресе скрипта?
Суть в том, чтое сть карта <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=SAlIYG_RhurtAuaxaa-hi5HKjE-7wHhS&width=600&height=450"></script> Можно ли допустим к адресу допбавить &options.shadow=false ? Мне нужно убрать тень для балуна. Но не хочется для этого вместо обычной вставки простого скрипта создавать свой скрипт, генерировать карту, создавать и указывать кучу параметров (ведь базовая карта через апи как чистый лист - в общем долго это все). Можно ли как-нибудь указать для карты, что в ней не должно быть тени?
0 votes2 answers -
Проблема с отображением сайта на ipad (контент в таблице)
Всем привет. Имелась задача - сделать лого посередине. Сначала я вдоль намучился с кучей способов с дивами, разобрался, все работало, но на ipad слой был к низу прижат. Сделал таблицей - та же фигня. Что делать? Как справиться? На компе все нормально. Ссылка http://maximzaytsev.com
0 votes5 answers -
пагинатор на jQuery
Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…
0 votes4 answers -
Как добавить ссылку?
<object style="Margin-top:50px"; align="left" type="application/x-shockwave-flash" height="200" width="200" data="http://agitki.ru/flash/template/globus.swf"><param name="movie" value="<!--http://agitki.ru/flash/template/globus.swf"--> /><param name="wmode" value="Transparent" /><param name="flashvars" value="&in_title=РеКом" /></object>Как сюда добавить ссылку?
0 votes6 answers -
выпадающее меню
Почему при сужении экрана ползут строки одна под другой ? http://cssdeck.com/labs/rdye72tp
0 votes5 answers -
Анамалия отображения CSS
Нужна ваша помощь. Не отображается css в браузерах.Проблема постоянна во всех черновиках. Html и css написал по шаблону (img прикрепляю). Что сделать для отображения CSS? В чем ошибка? Код:http://itmages.ru/image/view/3350077/3ece34c5 Результат:http://itmages.ru/image/view/3350098/34a2a45d Вот оригинал : http://itmages.ru/image/view/3350099/6914aae2 Тут папки: http://itmages.ru/image/view/3350101/10e9d919 Папка css:http://itmages.ru/image/view/3350102/2ee44e79
0 votes2 answers -
Меню на мобиле не работает
Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?
0 votes3 answers -
Трудности при вёрстке меню сайта.
Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .
0 votes0 answers -
Помогите чайнику!
Здравствуйте! Я здесь новенькая, поэтому простите, если не в тот раздел добавляю свою тему.... Задачка такая.... Есть главная страничка сайта, где основа - это изображение дисконтных карт разных фирм.... так вот на каждой из этих карт должны располагаться 2 формы ввода - номер карты и PIN + submit ОК... таких карт + форм должно быть порядка 9 штук... где-то поля ввода будут активны, где-то нет. Также под каждой из карт должны будут располагаться ссылки на пресс-релиз данной фирмы\компании. Итак вопрос: как осуществить эту, простую с первого взгляда задумку...? Сделать в фотошопе фоновую картинку с изображением этих карт, а дальше мучаться с наложением форм в нужные мес…
0 votes2 answers -
line-height одинаков в css, а визуально нет
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…
0 votes2 answers -
Последовательность загрузки изображений
у меня такая проблема: на сайте давольно много графики (разных картинок), и хотелось бы, чтобы они загружались последовательно (в каком-нить заданом порядке). подскажите пожалуйста, возможно ли так сделать? если да, то как?
0 votes2 answers -
Странный отступ
Ребята, подскажите. Я не профи в верстке, поэтому бьюсь и не могу понять в чем проблема. Вот 2 снимка страницы и файл css. На первой вы можете увидеть подвал страницы и отступ между подвалом и другими частями страницы. На второй то как мне нужно чтобы все было (без отступа). Причина видимо в стиле .copyright, которым описаны авторские права. Как только я убираю эту строку с правами, подвал встает на место. Как мне сделать, чтобы и тест был в нужном месте и подвал был на месте. Я расчитывал, что текст внутри подвала будет делать отступ от границ подвала, но он почему-то этого не делает, хотя текст в других кусках страницы отступы отсчитывает от правильных границ. Подскаж…
0 votes5 answers -
не работает перенос
код: <a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a> <a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><br> <a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a> css .blockset,.blockset a { text-decoration: none; color:black; display:block; text-align:center; border-radius: 5px; border: 1px solid black; width:100px; height:85px; margin-left:10px; float:left; font: 11px Arial; background-color:#eeeeee; margin-bottom:10px; } когда на …
0 votes5 answers -
Верстка меню
есть меню, элементы расположены горизонтально <ul id="topmenu"> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Блог</a></li> <li><a href="#">Акции</a></li> <li><a href="#">Контакты</a></li> </ul> Никак не могу написать css код чтобы меню было на всю ширину (допустим 100% при резиновой верстке) и расстояние между элементами было одинаковое. http://jsfiddle.net/4V3eq/ - тут элементы к левому краю прижимаются, а надо чтобы первый к левому краю, последний к правому краю, а остальные элементы между …
0 votes3 answers -
Отправка формы (jQuery,javascript)
Подскажите пожалуйста . Я скачал форму вот такого вида- И нужна именно такого вида.Объясните ,подскажите пожалуйста как отредактировать плагин ResourceLoader.js. Чтобы данные приходили на мой хост, а почта на мою почту. Насколько я понимаю, форма обрабатывается скриптом ResourceLoader.js. Подскажите пожалуйста, какие файлы мне необходимо дописать/править для нормальной работы формы. И зачем нужен хэш ? Вот HTML: <HTML> <script type='text/javascript' src="1/javascript/com/web/ResourceLoader.js"></script> <script type='text/javascript'> WebCom.ResourceLoader.loadLib('com.jquery', '', true); WebCom.ResourceLoader.loadLib('com.web.components.n…
0 votes2 answers -
Преобразования табличной верстки на блочную
Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: rig…
0 votes2 answers -
Проблема с кроссбраузерностью
Всем по привету! В общем проблема как всегда с кроссбраузерностью. Сделал меню из картинок-при наведении мыши на категории меняется цвет. В Хроме, Mozilla, IE - всё работает правильно. Но при наведении мыши на последние две категории в Opera(версия 12.0), категории цвет не меняют. Вот демо: http://salkstudio.ru/demoo/ ________ p.s в курсе кто нибудь как избежать проблему обработки изображений в разных браузерах. (в Хроме,Opera,IE - картинки мало контрастные, в Mozilla всё как надо)
0 votes3 answers -
Фиксация заднего фона.
У меня на фоне стоит большая картинка, как сделать так, чтобы при прокрутке, когда картинка фона заканчивается, то есть проскроливаем до самого низа картинки , этот низ фона фиксировался ?
0 votes1 answer -
Кнопка
Здравствуйте. Сделал кнопку тегом button, оформил стилями, вставил ссылку. Получилось отлично, кнопка нажимается и переводит по ссылке. Всю малину испортил валидатор, выдавший ошибку. Оказывается тег "а" нельзя вставлять в тег button. Подскажите пожалуйста где об этом узнать подробно и доступно для новичка.
0 votes6 answers