HTML Coding

29542 questions in this forum

1. Растягивающиеся div'ы + перенос их на новую строку

   Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

   Asked by kalexi, April 23, 2013

   • div
   • адаптивная верстка
   0 votes
   1 answer
2. Проблема с потоком в блоках.

   Проблема с потоком в блоках или как сделать так чтобы из div не вылезали элементы которые внутри блока. Как усвоить блин это правило если оно вообще есть или как этому научится чтобы то что в блоках не выходило за рамки блока div?! Это нужно для внутрених элементов обозвать их display block или не так? Если например внутри плавающие блоки то как сделать чтобы они не выходили за рамки блока?

   Asked by daggi, April 23, 2013

   0 votes
   4 answers
3. Непонятный отступ у элемента li

   Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

   Asked by aaron, April 23, 2013

   • li
   • вертска
   0 votes
   15 answers
4. Блок-распорка занимает место на шаблоне

   Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?

   Asked by aaron, April 23, 2013

   • div
   • linline-block
   • spacer
   0 votes
   2 answers
5. Селектор класса, не имеющего вложенных тегов бывает?

   Здравствуйте. Может можно построить селектор, указывающий на класс, у элемента которого нет вложенных элементов?

   Asked by borus, April 23, 2013

   0 votes
   8 answers
6. расстояние между текстом и горизонтальными границами ячейки

   казалось бы тривиальная задача, ан нет - таблица, в таблице ячейка, в ячейке текст. между верхней и нижней границами текста и соответствующими границами ячейки есть расстояние. нужно его убрать, но не получается. <table cellpadding="0px" border="1px"> <tr> <td> Hello </td> </tr> </table> готовый пример http://jsfiddle.net/4UNLK/

   Asked by byy, April 24, 2013

   0 votes
   2 answers
7. Резиновая верска

   Доброго времени суток ув. форумчане. Возникла следующая проблема. Делаю резиновую верстку. Но в шапке сайта блоки залазят друг на друга. Есть .Логотип+фон и есть фоновая картинка шапки. При изменении размера страницы фоновая картинка вместо того что бы сужаться, просто заезжает под блок с логотипом. Причем блок с логотипом должен быть фиксированого размера. Вот код .head { /*шапка*/ width:100%; height:280px; min-width:900px; display:block; background:url(../img/bg.jpg) no-repeat right; border-bottom:4px solid #d5d3d3; } .head_logo{/*фон логотипа*/ position: absolute; z-index:1; } .logo{ /*логотип*/ z-index:3; position: absolute; margin:107px 21px; width:210px; height:77…

   Asked by Valentinka.solar, April 23, 2013

   0 votes
   7 answers
8. Ищу веб-мастера в наставники

   Доброго времени суток! Я представляю собой сопливого новичка в верстке. Тем не менее пытаюсь уделять этому интересному занятию достаточно времени. Имею базовые знания HTML, CSS. Ищу себе в наставники опытного веб-мастера, который бы указал мне путь к свету. Иначе говоря, подсказал что почитать, давал задания, проверял задания, а также, самое главное, наставлял мудрым советом.

   Asked by Jar, April 25, 2013

   0 votes
   26 answers
9. позиционирование в слайдере

   http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?

   Asked by X-Miller-X, April 24, 2013

   0 votes
   2 answers
10. Почему по-разному отображается макет в ИЕ и ФФ?

    Вот сделал для жены сайт http://www.psy-actual.ru (на Joomla 1.5.22, если существенно). Шаблон брал готовый, но слегка допиливал руками. И не могу понять одну вещь: почему в ФайрФоксе все показывается хорошо (что под виндами, что под линухом), а в 9-м ИнетЭксплорере под 7-й виндой текст в правой колонке (который под заголовком "анонсы и новости") высовывает хвост вправо за край экрана (т.е. текст по-другому разбит на строки, эти строки более длинные, чем в ФФ, и из них видна только левая половина) Попробовал посмотреть внутренности макета во встроенном отладчике ИЕ - тот показывает, что блок <div id="right_container"> и вложенный в него на 1 уровень ниже <div …

    Asked by GRIG, April 24, 2013

    0 votes
    5 answers
11. Slider не могу установить кнопки под слайдер!

    Здравйствуйте ! у меня возникла проблема ! Я вставил слайдер и картинки все хорошо по задумке нужно кнопки вставить под слайдер ! а сейчас кнопки навигации на слайдере ! я вписал z-index: -5 кнопки встали нормально только вот они потеряли ссылки ! незнаю как исправить чтоб и кпонки были снизу и ссылками они были! вот код слайдера /* * jQuery FlexSlider v1.0 (Release) * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensourc...mit-license.php */ /* Необходимые стили для FlexSlider *********************************/ .flexslider { height: 302px; width: 901px; margin: 0; padding: 0; position: relative; } .flex…

    Asked by ivanu6kin, April 24, 2013

    • slider
    • FlexSlider v1.0
    • jQuery
    0 votes
    2 answers
12. Эмуляция таблицы или почему растягиваются ячейки

    Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элеме…

    Asked by only_dimon, April 25, 2013

    • таблица
    • блочная
    0 votes
    11 answers
13. Выполнение кода на загруженной странице

    Добрый день ! Имеется окно видеорегистратора http://yadi.sk/d/QfJ1e2yQ4JXWe Требуется чтобы после открытия автоматом нажималась кнопка (на скрине показана), команда у неё document.getElementById("lv_fullscreen").onclick=S YNO.Liveview.OnFullScreen(); Пробовал создать страницу для запуска, вида: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сюда будет загружена страница in</title> [removed][removed] </head> <body> [removed] <!-- if (self.parent.frames.length == 0) self.parent.location="http://192.168.50.121:9900/"; window.alert('информация'); document.getElementById("lv_fullscr…

    Asked by stalkerdi, April 24, 2013

    • Выполнение кода на загруженно
    0 votes
    7 answers
14. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77, April 25, 2013

    0 votes
    24 answers
15. Подменю в резиновой верстке

    Всем добрый день! Делал резиновый макет и при создании меню возникли проблемы. Само горизонтальное меню отлично растягивается (применял display: table-cell/table-row), но подменю ен хочет нормально выстраиваться. Получается, что ячейка растягивается на все подменю и это ломает всю навигацию. http://jsfiddle.net/KnEeD/ Если делать через float, то само горизонтальное меню сложнее растянуть на всю ширину окна. Хочется сделать также ширину подменю сделать как у родительского элемента, чтобы она изменялась при растягивании окна. Без явного задания ширины не получается. Как это можно реализовать?

    Asked by gregsv, April 24, 2013

    0 votes
    3 answers
16. Правильное выравнивание поля с кнопкой

    Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать краси…

    Asked by IndigoHollow, April 24, 2013

    • input
    • button
    • кнопка
    • выравнивание
    0 votes
    6 answers
17. Два дива на той же позиции

    Здравствуйте! У меня есть два дива, сверху и снизу. Мне нужно чтобы они были на той же позиции(второй див над первым, точнее когда кликаем на меню в первом диве, появляется второй див, над первым дивом). Второй див я сделал снизу, добавил к нему position:relative и поднял на 800 пикселей(у самого дива так же 800 пх). Проблема в том что внизу, место этого дива остается, появляется скролл, который мне не нужен. Как реализовать правильно, без скролла?

    Asked by Saykus, April 26, 2013

    • html
    • css
    0 votes
    1 answer
18. Абсолютное позиционирование элемента относительно родителя

    Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура: <div class="numberandbuttons"> <div class="number"> </div> <div class="lefrsqr"> </div> <div class="rightsqr"> </div> </div> lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки. Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То…

    Asked by Daiver, April 26, 2013

    • css
    0 votes
    9 answers
19. Помогите реализовать новсть

    Помогите реализовать... И если картинки нету, чтоб сдвиг был в лево был.

    Asked by Perm59, April 26, 2013

    0 votes
    2 answers
20. Прибить элемент справо при фиксе.

    Привет! В очередном заказе столкнулся с задачкой, которую не смог решить должным образом, пока сделал по-другому, решил узнать у Вас, реально решить задачу средствами разметки и стилей, не привлекая js? Суть видна на картинке: Классический интернет магазин, фиксированый макета, 1000px, шапка, меню, контент, футер, ничего не обычного, НО в контентой части есть 4 превью товара, а ссылку на "Все предложения" дизайнер засунул напротив блока за его пределами, да еще и нужно прибить к краю браузера, т.е. при растяжке сайта он удаляется от нашего блока, при сужение наезжает, при этом он реагирует на скролл, ездит четко напротив блока(position:fixed следовательно отпадает), так …

    Asked by Spamol, April 26, 2013

    0 votes
    9 answers
21. Не работает выпадающее меню на CSS в IE8

    Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …

    Asked by qtk, April 26, 2013

    0 votes
    2 answers
22. Графическая рамка вокруг меню

    Здравствуйте. Подскажите как сверстать графическую рамку вокруг блоков? Я нашёл уже инструкции по параметру border-image, но там задаётся только толщина рамки и один URL, а мне нужно несколько. Т.е. чтобы я мог каждый угол отдельной картинкой прорисовать. В итоге хочу получить такое оформление для своего меню как на картинке ниже. Я сам фотошопер, поэтому нарисовать не проблема. А вот как вставить не пойму. Сайт на joomla 2.5. Я в коде вообще новичок и делаю всё методом тыка. Буду благодарен если подскажите как. Мне то одну сделать, а дальше уже по схеме и остальные блоки сверстаю.

    Asked by Akkianu, April 26, 2013

    • рамка сложная
    • как сделать
    0 votes
    4 answers
23. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500, April 28, 2013

    0 votes
    8 answers
24. Inline-block не могу убрать отступы

    Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.

    Asked by Zverushka, April 27, 2013

    0 votes
    2 answers
25. выровнять изображение в блоке

    Подскажите,почему у меня картинка в нижнем блоке съезжает вниз?Вот код: <section class="recent_news"> <article> <img src="images/05.png" alt="pic" class="pic"> <div class="text"> <time>05.12.11</time> <p><a href="#">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</a></p> </div> </article> <article> <img src="imag…

    Asked by eleonore, April 27, 2013

    0 votes
    4 answers