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
-
Павающие блоки
При верстке двухколоночного макета столкнулся с проблемой. Контент представляет собой "нвости", "статьи", которые формируются в две колонки. Затруднений бы не воздникло, если бы все блоки были одинакового размера, ширина фиксированная, но вот высота может быть какой угодно. На картинке схематично изобразил расположение частей сайта, блоки пронумерованны. Шаблон блоговый, на странице будут по мере добавления выводиться статьи/записи. Так вот, можно ли как-то это реализовать средством css, задавая блокам свойство "float: left;", имея такую html-разметку: <header>header</header> <div id="middle"> <div id="content"> <div class="block">block…
0 votes3 answers -
Выравнивание по центру с float
Добрый день. подскажите пожалуйста как сделать так: Есть 4 дива резиновой шириной. все они находятся в блоке с заданной высотой и минимальной шириной.при сужении окна браузера, если блок не входит в указанную ширину, четвертый блок пропадал и оставалось три блока по центру. проблема в том, чтобы блоки всегда оставались по центру в независимости от того сколько их внутри. сделала в общем Div, в нем еще 4 div, расположены с display: inlin-block. как только не влезает в ширину, блок падает вниз и обрезается overfloW:hidden. но как только обрезалось, блоки по левому краю, а мне надо чтоб они стали по центру. Спасибо за ваши ответы.
0 votes1 answer -
Текст на одном уровне
Как сделать чтоб текст под картинками разной высоты находился на одном уровне?
0 votes1 answer -
blockquote & cite
В чем разница между этими двумя тегами? Вроде ж оба для оформления цитат. Может какой-то из них считается устаревшим? Только не пишите "никакой разницы нету". Понятно, что любую страницу можно полностью сверстать каким-то одним, любым тегом, например <p> Но ведь должна же быть какая-то разница в семантике между <blockquote> и <cite> P.S. редактор текста, который у вас тут, до боли похож на CKEditor
0 votes1 answer -
Убрать картинки
Есть вот такой вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>title</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> body {background: #ffffff; color: #000000; margin: 5px;} body, td {font-family: verdana,tahoma,arial; font-size: 95%;} a {color: #550000;} a:link, a:visited {text-decoration: underline;} a:active, a:hover {text-decoration: none;} ul { list-style-type: none; } .tra-post ul>li:before { content:url('http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_navigator-all-or-sel-toggle.png')…
0 votes2 answers -
Как сделать чтобы при наведении также раскрашивался столбец
http://jsfiddle.net/fsC4Z/
0 votes5 answers -
Проблема с формой
Здравствуйте, уважаемые верстальщики и все остальные! Я начинающий верстальщик и всему только учусь. При верстке очередного макета/шаблона возникла проблем-ка с формой. Собственно сому форму, я создал, можете посмотреть её на данном снимке экрана: Как видно из снимка, радио-кнопки, ссылку и первую текстовую область я с позиционировал. Но, к сожалению, с остальными почему-то не получается, пробовал и марджины и все что мог и знал Элементы формы нужно с позиционировать как на данном снимке экрана: Кто может помочь решить данную проблему или хотя-бы посоветовать какой либо источник, который помог бы решить данный вопрос, пожалуйста, отзовитесь. Буду признателен вам всей д…
0 votes2 answers -
Ветки дерева
Добрый день. Подскажите, есть ли какое то "правильное" решение, чтобы сделать такое? Если делать блоки одинаковых размеров, как длину и высоту, то все хорошо. Но интересует именно резиновость по высоте. Линии я делаю через :after :before В случае горизонтальной, это border, а вот у вертикальной картинка стоит, хотя тоже можно через border. Кстати тоже не откажусь от "правильного" решения, как организовать линии. Смотрел много решений, но зачастую все используют картинки, ну и размеры там везде четко определены. Может кто видел решения? Или подсказать есть чем.
0 votes1 answer -
необходимо убрать поле select (subject), подскажите пожалуйста как
Здравствуйте! Создал форму обратной связи, вот что получилось - Я хотел бы убрать (поставить по умолчанию свою тему письма, например Test) поле select в моем случае это тема письма (subject) для увеличения поля textarea Форма состоит из скриптов на проверку полей и на отправку сообщения Здесь прилагаю саму форму - скачать Нужно что-то изменить в этих папках, и соответственно в index.html formit\assets\php\ formit\assets\xml\ Буду безумно благодарен за помощь! PS Кстати, я специально убрал капчу, просмотрев перд этим кучу западных сервисов, у которых её нет
0 votes2 answers -
Контент не двигает подвал
http://turnik.biz/ns пациент
0 votes5 answers -
Проблема в скроллинге
Дело в том, что при написании шаблона всё было нормально. Но при применении аналогичного кода на форуме появляется горизонтальный скролл, а изображения встают в строчку. Ссылка на форум: (для появления бокса кликните на черный медальон) http://fandance.ru/showthread.php?p=14460#post14460
0 votes4 answers -
gpGallery + Smooth Div Scroll
А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ар…
0 votes0 answers -
Три дива
сделал три блока рядом по горизонтали с помощью display: inline, но теперь текст который был в центре блоков, уехал вверх, как его обратно перетащить?
0 votes4 answers -
положение masked-input
помогите пожалуйста разобраться я использую для формы популярный qjuery-плагин masked-input. его действие заключается в том, что после получения полем фокуса в нём появляется маска для ввода телефона примерно следующего вида: (___) ___-__-__мне хотелось бы понять где в html находится эта маска. в атрибуте value или вообще поблизости элемента input, как показывает инспектор, ничего подобного нет
0 votes1 answer -
Двойная анимация почему-то..
Ппривет! Никак не отловлю - почему два раза срабатывает анимация при появлении блоков? http://mag52led.ru/ Гляньте плиз свежим взором?
0 votes2 answers -
Работа со слоями
Добрый день. Подскажите пожалуйста как сделать чтобы Колеса от фона хедера были сверху остальных полей. z-index не работает. Сайт arlekin.su. чтобы поднять слайдер до нужной высоты я использовал маргин-топ - 50 в .front_slider_wrapp {. Очень прошу помочь, или хотябы направить в нужную сторону.
0 votes3 answers -
Canvas
Добрый день, не могли бы вы подсказать как создать движок с двумя папками, в одной фон, в другой н объектов. все картинки Надо сделать кнопку и картинку склеенные. Фон+случайный объект из папки) Но мне надо, чтобы я мог менять объекты и позиционировать все объекты Один раз ставлю точку т в цент подставляются разные объекты...помогите пожалуйста очень срочно надо
0 votes1 answer -
Правильная нарезка и верстка блока
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )
0 votes1 answer -
приоритетность css-правил
Добрый день! У меня следующий вопрос. ДОпустим, мой html-код выглядит так: ... <body> <div id="allcontent"> .... .... </div> </body> А css-код такой: body { color: red; } #allcontent { color: green; } Цвет шрифта на моей странице будет зеленым, так как нижнее правило приоритетно, так? Но. Если css-код выглядит так: body { color: red; } h1 { color: blue; } #allcontent { color: green; } В этом случае цвет шрифта будет зеленый, кроме голубого цвета шрифта заголовка h1. Вопрос: почему нижнее правило не перекрывает правило для h1, ведь нижнее правило приоритетно. Спасибо за внимание!
0 votes2 answers -
Открытие EXE-файлов на сайте
EXE - файл создан на Visael Basic'е и выгружен в Интернет. Вопрос: Можно ли сделать так, чтобы VB-форма появлялась программным образом на стартовой странице сразу в момент загрузки сайта, а не путём клика по ссылке.
0 votes2 answers -
Почему нельзя переправить свойство через класс, если оно задано для всех элементов?
Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…
0 votes1 answer -
Прошу помощи: видео youtube перекрывает картинку на сайте
Здравствуйте. Суть проблемы: На сайте установлена lightgallery и видео с youtube. Когда нажимаешь на миниатюру картинки с галереи - она разворачивается в истинный размер, НО она находится ПОД видео с Ютуба. Скриншот во вложении. Мозилла всё видит хорошо, а вот Опера и Эксплорер - как на скриншоте. Как сделать, чтобы изображение было НАД видео? Огромное спасибо всем откликнувшимся.
0 votes1 answer -
Ошибки в css классе
Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…
0 votes1 answer -
Уехала страница в лисе
Народ выручите. В Мазиле страницы вправо уехали. Уже, что только не пробовал. В других браузерах норм. Моя ссылка Даже не представляю в каком файле править Причем уезжают страницы только VIRTUEMART Обычные страницы на месте Моя ссылка
0 votes3 answers -
Скроллинг фиксированных элементов.
Есть меню. Расположено всегда вверху страницы, то есть фиксированное. Невысокое и длинное. При узком окне на странице появляется горизонтальный скроллинг, но фиксированные элементы на него никак не реагируют. В итоге некоторые пункты меню оказываются недоступными. Нужно сделать так, чтобы это меню могло горизонтально скроллиться вместе со страницей, не используя скриптов. P.S.: Неудобство с вылазящими элементами меню я решил, путем автопереноса этих элементов на новую строку при недостаточной ширине. Ну так же как переносится текст в блоке при его сужении. Тем не менее это немного искривляет дизайн. Хотелось бы, чтобы меню оставалось ровным в одну строку.
0 votes2 answers