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
-
Проблемы с отображением блоков с float
Приветствую. Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают. Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет. Код: <a href='' style='border:1px solid #f0f0f0; background:#fff; width:190px; height:60px; padding:0px; margin:0px 3px 0px 3px; float:left; text-decoration: none;'> <img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'> <p style='width:128px; height:26px; padding:0; margin:0;…
0 votes4 answers -
Верстка дивами или с помощью таблиц
Добрый день! Прочитал много статей по теме, во многих написано что если верстка дивами страница грузится гораздо быстрее.Конечно это весомый аргумент . Но хотелось бы еще узнать и ваше мнение , я знаю здесь очень много профессионалов, мне например нравится верстка с помощью таблиц, но я умею также использовать и "диви", на моем сайте есть и диви и таблици,
0 votes6 answers -
Помощь по css
Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?
0 votes6 answers -
ширина столбца
добрый вечер прошу вашей помощи. ситуация следующая: есть таблица (поле1,поле2, цена, поле4, ...) и есть чекбокс. задача: при нажатии на чекбокс скрыть колонку "цена" работает так: в каждом теге td колонки цена у меня стоят теги div. при нажатии на чекбокс я в цикле скрываю эти дивы. проблема: как сделать при нажатии на чекбокс чтобы теги td меняли свою ширину на 0 или вообще просто скрывались, чтобы поле2 увеличилось
0 votes4 answers -
что значит запись section > div
подскажите что значит section > div а то не нашел ..
0 votes3 answers -
Каталог файлов
Как сделать такой сайт? - http://torrents.nix-pix.co.uk/ А именно (какой движок и есть ли такой шаблон в паблике)?
0 votes1 answer -
Отступы в кнопках. CSS
здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.
0 votes8 answers -
Изучение Java Script
Как всегда, основная мысль заключена в названии темы. Какие книжки посоветуете? Мне не нужна программная часть JS, мне нужно понять, как уметь применять её на практике. Заранее спасибо!
0 votes8 answers -
форма вылезает за пределы дива
есть div, фиксированный по высоте, в котором находится простая форма логин/пасс: .login_form { color: white; margin-top:0px; background: #3c3c3c; background-image:url('pattern.png'); height: 29px; border-color: #5a5a5a; border-width: 1px; border-style: solid; float:center; } --> как можно заставить форму вписываться в границы дива?
0 votes5 answers -
проблемы с версткой
Здравствуйте. помогите решить проблему в верстке с скроллом. Нужно что-бы скрол всегда был на черном фоне, и скролился прокруткой мышки(в хроме скролится, в опере фф и ие - нет). буду благодарен за любую помощь. верстка - http://us.ua/945967/
0 votes4 answers -
Нормальное отображение только в GooglHrome
Сайт "Ваша кровля" отображается нормально только в Googl Hrome. Не знаю какой код (если нужен) скинуть для проверки.
0 votes3 answers -
Масштабирование против центрирования
Здравствуйте. Вот сайт есть: http://www.homotomia.ru/ Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так: $("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" }); document.body.style.MozTransform="scale(0.65)"; // для FireFox if ($.browser.opera) { $("body").css("marginTop", "-150px"); document.body.style.OTransform = "scale(0.65)";// Для Opera } И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого са…
0 votes1 answer -
Центрирование элементов списка
Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/
0 votes3 answers -
Привет всем! Прошу совета, я начинающая в Web-дизайне.
Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).
0 votes10 answers -
CSS. Отличия в редактировании тегов <th> и <td>. И можно ли редактировать <tr>
Изучал тут статью на сайте (http://htmlbook.ru/css/border-collapse) и заметил, что изменения в <th> и <td> касаются только ячеек, но стоят порозень, зачем так сделано? И можно ли, как нибудь, редактировать всю строку? Выравнивание, тип шрифта и т.д.
0 votes5 answers -
неполная высота меню
помогите пожалуйста показать полностью выпадающее меню на странице при малой ширине экрана меню преобразуется в пиктограмму "НАВИГАЦИЯ". после клика по этой пиктограмме меню разворачивается, но не полностью(чтобы увидеть нижние пункты нужно тянуть левый скролл) проблема в том, что я хотел бы чтобы после клика по пиктограмме "НАВИГАЦИЯ" меню показывалось полностью и скролла не было при этом версия этого же кода, залитая на фиддл не имеет описанной проблемы
0 votes4 answers -
Не отображается background
Итак HTML-код: <div class="menu"> Акции</div><div class="menu"> Акции</div>CSS-код: .menu { background: url('images/menu.png') no-repeat; background-size: 100%; background-position: 100%; color: #fcefe4; font-size: 20px; font-weight: bold; margin-top: 20px; padding: 15px; padding-bottom: 25px; text-align: center; text-shadow: 0 -1px 0 black;}Проблемма: В первом div блоке background отображается а во втором нет. Как ето исправить?
0 votes2 answers -
Якоря добавляют дополнительную строку
При добавлении якоря на странице добавляется дополнительная строка в этом месте. Как этого можно избежать? Тему можно закрыть. Решение найдено. Тупо стормозила.
0 votes0 answers -
Рамки
Вопрос, как организовать такие же рамки?
0 votes5 answers -
Отступы снизу от картинки
Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}
0 votes3 answers -
Ссылка на сайте. Чтоб открывала вкладку.
Добрый день, бороздя просторы интернета нашёл такую интересную вещь. Тыкаю на ссылку мне открывается новая вкладка №2, а в кладка №1 меняет свой адрес на другой. тоесть вот так. БЫЛ НА test1.ru, а стала test2.ru. Как это сделать?
0 votes0 answers -
Каждый второй элемент
https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?
0 votes2 answers -
есть 4 псевдо-счетчика на странице. Нужно: их рассинхронизировать
Есть html код псевдо счетчика, который должен реагировать на нажатие кнопки (+1/-1).Сам код работает, но нужно разместить несколько таких счетчиков на странице. При банальном дублировании работает только первый счетчик, а остальные не реагируют на клик.1)Что нужно поменять в коде, чтобы работали все счетчики одновременно на одной странице?2)И как можно сделать, чтобы кликнутая кнопка окрашивалась в другой цвет (на данный момент она только выделяется при наведении и щелчке, потом цвет возвращается в исходный) <div class="likes" style="float: right; padding-left: 10px;"> 105 </div> <div><button class="btn" style="color: #fff; border: none; float…
0 votes0 answers -
Слои и как быть
Дбрый день подскажите есть слой контейнер с позицией релатив, есть хедер <div id ="есть слой для расположения следующих блоков"> <div id = "есть слой левый с позицией абсолютной"></div <div id= "есть слой правый с позицией релативной"</div> </div> <div id="conteiner"> <div id="header"></div> <div id="conn"> <div id="left"></div> <div id="right"></div> </div>/*conn*/ </div>/*conteiner*/ < теперь проблема на нескольких страниц левый блок больше правого и суть в том что этот левый блок с позицией абсолют не растягивает(по высоте) блок контейнера а получается выезжает за его приде…
0 votes3 answers -
Три колонки превращаются в две
Есть страничка содержащая три колонки. Колонки могут быть разной высоты. Каким образом можно сделать так чтобы при скрытии правой центральная автоматически расширялась вправо?
0 votes2 answers