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 файл для интернет магазина, тем самым меняя его дизайн. Использую макет "Фиксированная ширина 3 колонки" . Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером. Вот сайт albaro.ru Там прямо на главной странице видна эта проблема. Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке). Спасибо большое!
0 votes12 answers -
Div и height
Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…
0 votes8 answers -
Вопрос про placeholder
Если меня просят сделать сайт, не обговаривая условий какие браузеры должны поддерживаться (кроссбраузерно это понятно). Стоит ли мне встраивать скриптом поддержку плейсхолдера для ie8 ie9? Как бы поступили вы? Без подписи не понять, что это за поле. label нету.
0 votes14 answers -
Подскажите как сделать такую фичу?
Будте любезны, подскажите, как сделать меню которое при скролинге как-бы упирается в браузер и становится фиксированым? Вот отличный пример http://catarinariccabona.com/
0 votes9 answers -
Прозрачный радиент по бокам
У меня есть,блок div по середине. страницы. На самой странице очень красивая картинка,мне нужно сделать так: В лево и вправо будет градиент,от белого к прозрачному. Белый начинается у центрального div. Как это сделать? Пробовал создавать 2 div-не получается их выровнять,прописывать 2 градиента тоже не вариант,подскажите как сделать? вот ссылка того, что я хочу сделать. http://firepic.org/?v=2014-10-07_57nzx7qydsxw.png слева все сделано как нужно,как сделать справа?
0 votes9 answers -
Выравнивание таблицы влево
Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw
0 votes1 answer -
Как перенести левое и правое меню под контента не сломав вёрстку?
У меня сайт так разросся, что очень много категорий в меню как в правом так и в левом и основной контент находится слишком далеко внизу. Как перенести левое и правое меню под контент при этом не сломав вёрстку? Структура моего сайта такая: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Название сайта</title> <link rel="stylesheet" href="./styles.css"/></head> <body> <div> <div> Шапка </div> <div id="leftcol">Левое меню</div> <div id="rightcol">Правое мен…
0 votes3 answers -
проблема с полем в IE
http://www.nextproject.ru/ на этой странице в средней колонке в самом верху между текстом заголовка и нижней границей (темно-красной линией) возникает слишком высокое пустое пространство (только в IE), хотя в правой колонке при тех же условиях все нормально. Не подскажете, в чем может быть причина? Код не выкладываю, поскольку от моей оригинальной верстки он уже отличается, и причина може быть практически в любом фрагменте, как показывает практика... На прочие моменты верстки прошу не обращать внимания - все делалось очень быстро и "дешево".
0 votes4 answers -
Гориз. полоса прокрутки.. почему и как убрать.
Вот появляется горизонтальная полоса прокрутки из-за блока "h1" и его параметра left:.. Как е? убрать? Вот весь код странички: <!--RU/index.htm--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <body id="body"> <STYLE TYPE="text/css"> body{margin:0; padding:0; border:0;} A img{text-decoration:none; border:none;} A:link {text-decoration:none; font-size:16px; color:#CCCCCC;} #general { background-image: url(images/fanfan.jpg); background-position:left top; background-repeat: no-repeat; height:1000px; border:0; overflow-x:hidden; overflow-y:auto; } #lang_selector {width:60px; height:35px; position:absolute; top:5px; right:0px; …
0 votes3 answers -
Проблема с изображениями
Доброго времени суток. У меня сайт на CMS joomla. Раньше я использовал шаблон который сам написал. Проблема моя состоит в том что после того как установил другой шаблон у картинок перестал отображаться отступ прописаный тегом hspace. Подскажите пожалуйста в чем может быть проблема??
0 votes4 answers -
Линии между меню
Есть вопрос по верстке... Хочу сделать такое меню интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие HTML <ul> <li><a href="">Home</a></li> <li><a href="">Support</a></li> <li><a href="">FAQ</a></li> <li><a href="">Contact Us</a></li> </ul> CSS li { display:inline; list-style-type:none; padding:0 16px; border-left:2px groove #F90; } В общем получается так
0 votes4 answers -
Как реализовать карту Италии <map>
Пожалуйста, помогите реализовать карту Італии, с подсветкой регионов и ссылкой на них. Так как это сделано на сайте www.vivastreet.virgilio.it Что то я запутался, прошу помощи. Вытащил все изображений, координаты но с кодом проблема. Как заставить работать? Не понимаю что означают строчки onmouseover="VIVASTREET.mapRollOver('basilicata'); ? Как должен выглядеть код? Не оставайтесь равнодушными, помогите чем можете. Думаю многим будет интересно. Отблагодарю!
0 votes9 answers -
Изменение ширины textarea
Доброго времени суток. Есть элемент textarea c таким CSS: ... width: 500px; min-width: 100px; ... Согласно замыслу, при уменьшении ширины страницы, ширина поля тоже должна уменьшаться. Но получается вот это: Прошу помощи.
0 votes3 answers -
DIV конструкция с треугольником на CSS3
Здравствуйте. Создал на CSS3 небольшую конструкцию: http://jsfiddle.net/R6ynT/ Линия 100%, под ней два блока пл 50% и у одного из них прилеплен треугольник через псевдотэг. В FireFox отображается хорошо, а вот в Chrome и Opera - по-разному. В Chrome треугольник сдвигается на пиксель вверх. В Opera появляется просвет между треугольником и левым блоком. Подскажите, пожалуйста, можно ли решить эту задачу кроссплатформенно? Заранее благодраю за подсказки.
0 votes2 answers -
Как закрепить блок на одном месте
В левой колонке сайте - есть блок с логотипом "Садовое содружество интернет-магазин", если я перехожу на разделы ("Многолетники", "Кустарники") - блок сдвигается. Как его закрепить на одном месте. http://yari-design.ru/tovar/2014/xvoinie
0 votes1 answer -
Подскажите лучший вариант верстки такого
Необходимо сверстать ряд блоков друг под другом. Все как у самых простых div'ов, но только занимать они должны по горизонтали не 100% места, а определенное минимальное значение и потом расширяться по мере необходимости. Вот ищу самый "красивый", с точки зрения кода, метод.
0 votes9 answers -
Проблема с позиционирование и font-family: sans-serif на iOS
Пытаюсь разместить заголовок по центру страницы. Приведенный ниже код отлично работает во всех браузерах, кроме iPhone. Но самое парадоксальное, что если поменять font-family: times; то заработает и на iPhone. <html><head> <style> html { font-family: sans-serif; } header, .mainHeader { width: 100%; height: 100%; } .mainHeader { position: fixed; z-index: 100%; } .wrapper { height: 100%; max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%; } .wrapper:before { content: ''; display: i…
0 votes9 answers -
A как вы делаете кривые линии блоков?
Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)
0 votes13 answers -
Помогите с таблицей
Вобщем нужно сделать таблицу с двумя ячейками, в которой одна ячейка с постоянными размерами а вторая растягивается на оставшуюся ширину экрана. Помогите!
0 votes7 answers -
Резиновый дизайт с двумя картинками
Нужно, чтобы из двух картинок, сложеных последовательно по горизонтали получалось одна, при том, нужно, чтобы их сумма по длине равнялась ширине экрана при всевозможных расширениях. как быть? Пытаюсь засунуть в таблицу вот так: при расширении 1024 на 768 - общая картинка становится шире экрана. Подскажите, пожалуйста, как это делается?
0 votes2 answers -
замена тега iframe
помогите пожалуйста, на что можно заметить <iframe> чтобы внутри не открывалась новая страница и тоже был ползунок (вот как тут www.aimmachine.narod.ru новостной фрейм, только чтобы в нем не открывалась другая страница) извините, что корявым языком написал, заранее спасибо
0 votes2 answers -
помогите найти ошибку в сайте
сайт www.leoneed27.ru Везде всё нормально кроме страниц http://leoneed27.ru/obor.htm и страницы http://leoneed27.ru/tabl.htm Во всех браузерах, кроме Експлорера меню оказывается не сверху, растянутое на всю страницу, а посередине с двумя белыми плашками. мучался, мучался, не знаю что делать. помогите пожалуйста.
0 votes10 answers -
Выравнивание слоёв по нижней границе
Подскажите пожалуйста, как внутренний слой выровнять относительно родительского по нижним границам? vertical-align почему то не хочет работать. #container { width:100%; min-width:400px; height:93px; background: URL(images/new/blue_fill.png) repeat-x; vertical-align: baseline; } #element { margin-left:auto; margin-right:0; margin-top:auto; margin-bottom:0; width: 400px; height:20px; } Вот я хочу #element выровнять относительно #container по правому нижнему углу обоих блоков. И вышеприведённый код почему то не хочет работать. Как правильнее сделать? UPD: HTML: <div id="container"> <div id="element">1 | 2 | 3</div> </div>
0 votes6 answers -
Вопрос по раскладке
Добрый вечер, уважаемые! Несколько дней безрезультатно бьюсь над следующей задачей: есть потребность сделать следующую раскладку или как это правильно называется: Сейчас это сделано так: <div id="container"> <div id="blok1">1</div> <div id="b23-container"> <div id="blok2">2</div> <div id="blok3">3</div> </div> <div id="b45-container"> <div id="blok4">4</div> <div id="blok5">5</div> </div> </div> и css: #container { position: absolute; top: 63px; width: 100%; height: 100%; border: 1px solid #aaaaff; background-color:#eeeeff; } #blok1 { position…
0 votes6 answers -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.
0 votes3 answers