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
29,542 questions in this forum
-
css Почему не отображается блок?
При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR
0 votes6 answers -
Проблема с шириной ячеек
Нужно страны сделать также близко, как на картинке, но не знаю как. Размер ячеек задается по умолчанию для всех и не знаю, как сделать чтоб он был индивидуальный. Можно ли отменить наследования размера от столбца у ячейки?
0 votes1 answer -
Выравнивание контента по вертикали
Вопрос: У меня на странице расположен блок в которым меняется высота в зависимости от содержимого, под этим блоком расположена таблица как сделать так чтобы эта таблица выравнивалась по вертикали, по центру между низом блока и нижней частью окна браузера, margin-top почему то не помогает, отступ берется от самого верхнего края окна браузера. Может я что то не понимаю? Если необходимо могу выложить код и картинку. Надеюсь на понимание и заранее благодарю!
0 votes10 answers -
Удалить неиспользуемые классы в css
Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …
0 votes3 answers -
table vs div+scc
Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?
0 votes34 answers -
Вывести родительский div поверх дочернего
Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="image…
0 votes7 answers -
Скрипт для Select'a
Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …
0 votes32 answers -
div фон
Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…
0 votes42 answers -
Растянуть по высоте div, внутри button
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
0 votes4 answers -
Фиксированная шапка и якоря
Привет всем. Эта та самая проблема которая есть на всех сайтах с плавающей шапкой которые я видел. Когда при переходе по якорю шапка наезжает блок. Есть ли грамотное решение этой проблемы? Еще терпимо если плавающий блок небольшой высоты, а вот если блок высокий то отступы использовать не вариант
0 votes3 answers -
Почему div не обтекает другой div при заданном float?
Совсем недавно начал изучать html,css,поэтому если вопрос совсем простой - не бейте. В одном из уроков был показан вот такой макет: Мне захотелось его повторить с добавлением на пустое белое место еще одного блока.Что-то вроде такого http://jsfiddle.net/KmVv9/1/ - ну только в нормальном виде.Мне нужно чтобы div col2 обтекал полностью первые два блока,я думаю что решение кроется в том чтобы первая 2 блока:песочный и красный засунуть в еще один div и задать чтобы div col2 (розовый) обтекал его.Но у меня не получается - http://jsfiddle.net/KmVv9/3/ Пробовал у col2 убрать margin-left и поставить float:left,тоже бестолку. Как сделать грамотно то? Спасибо!
0 votes4 answers -
как зафиксировать меню посли клика мышки
Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…
0 votes8 answers -
Подскажите. как через стили наложить текст ссылку на картинку
Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.
0 votes4 answers -
Пустой тег
Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!
0 votes5 answers -
Opera не реагирует на cursor:pointer;
Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((
0 votes13 answers -
CSS галерея
CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…
0 votes7 answers -
Сползает в IE 6..
Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..
0 votes20 answers -
меню
Доброе время суток! У меня проблема с меню. Никак не могу подобрать подходящий вариант. Необходимо 3-х уровневое всплывающее. Может с div ами как? Или так? Кто может подсказать с примерами. чтоб не слишком сложно. по-возможности с комментариями. Вот пример такого,только для 2-х уровневогоможно его сделать 3-х. И как оно вообще по "качеству" ?) код html: <HTML> <HEAD> <TITLE>menu</TITLE> <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" /> <script type="text/javascript" src="cssverticalmenu.js"> </script> </HEAD> <BODY > <ul id="verticalmenu" class="glossymenu"> <li><a href="#"…
0 votes20 answers -
padding и Опера
Есль div с фиксированной высотой. Почему, если для этого блока указать padding, то его высота увеличивается на это значение? В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.
0 votes16 answers -
Сетка на bootstrap 3
Помогите пожалуйста с вёрсткой макета на bootstrap 3. Есть макет, ширина которого в psd исходнике 1280px. В нём 12 колонок, каждая колонка по 93px и 11 gutter (промежутков) между колонками по 15px Получается = 12 x 93px + 11*15 = 1280px Как сделать такую сетку? Подскажите где почитать про это? Видимо нужно изменять стандартную сетку bootstrap...Покажите пожалуйста примеры, очень нужно
0 votes1 answer -
Как убрать код со страниц сайта?
Здравствуйте. Помогите , пожалуйста, советом. Я сгенерировала шаблон сайта при помощи программы Артистир на движке wordpress. Всё было абсолютно нормально. Потом начала вносить счётчики и устанавливать плагины, и в какой-то момент на сайте стал виден кусок кода. Я уже пересмотрела все файлы , которые у меня в шаблоне. Этот кусок кода отсутствует и в header, и в index, и во всех остальных файлах, хотя в браузере при просмотре кода страниц он явно висит. Общалась с людьми на форумах, но пока никто помочь не смог, все удивляются. Может кто-нибудь на этом форуме сможет дать толковый совет? Спасибо, заранее, всем откликнувшимся. Сайт "Блокнот реаниматолога"
0 votes10 answers -
Программа для создания маленьких картинок.
Сейчас широкое распространение получили сайты, сохраняющие ваши картинки, фотографии и прочее. Вы загружаете картинку и получаете ссылку на нее и маленькую картинку, представляющую вашу большую картинку. Т.е. оригинальная картинка обрабатывается неким движком и на выходе получается маленькая картинка. Меня интересует, есть ли программы которые позволяют делать то же самое в "домашних" условиях? Т.е. я загружаю в программу свою картинку, указываю параметры изображения на выходе, и получаю маленькую картинку, которую сохраняю у себя на компьютере. В этой маленькой картинку уже автоматически проставлены разрешение и размер большой картинки. Есть такие программы?
0 votes10 answers -
Плотно прилегающие друг к другу 9 картинок (3x3)
Надо сделать плотно прилегающие друг к другу 9 картинок (3x3). Вот я написал что-то: сделал общий слой с заданной шириной 300 (чтоб в ширину влазили лишь 3 картинки,), а уже в этот слой запихал подряд 9 слоёв с нужными мне картинками. В эти внутренние 9 слоёв (размерами 100x75) вложено по картинке таких же размеров: 100x75. Не пойму, почему в IE между строками образуются промежности. Почитал статейки: добавил ко всему нулевые отступы (через универсальный селектор). не помогло. А вообще, если Вам не сложно скажите: может я вообще не правильно подошёл к решению поставленной передо мной задачи? Может есть какой-то простецкий способ сделать всё это? — CSS — * { margin: 0; p…
0 votes3 answers -
Соединение с FTP-СЕРВЕРОМ
Привет всем!Хочу забросить простой файл HTML на свой сайт.В TOTAL COMMANDER -имя соединения...сервер... учетная запись...-пишу название сайта...удаленный каталог-public_html...локальный каталог-место..где находится файл.Нажимаю соединиться-ввожу пароль-после поиска в окне отображается информация-530 login incorrect и не могу соединиться пишется-ребята помогите.Буду благодарен за ответ
0 votes21 answers -
Смена блоков
Здравствуйте. Ситуация такова: Необходимо сделать замену содержимого на страничке по клику. Есть главная страничка сайта на русском языке (до регистрации), которая содержит краткую информацию. Её необходимо продублировать на английском. Для этого нужно поставить 2 флажка на русский вариант странички, при нажатии на которые будет меняться содержимое. То есть пришли на сайт первый раз, видим информацию + 2 флажка, кликаем по английскому флагу и получаем тот же текст на английском, кликаем по русскому флагу и получаем заново русский текст (который стоит всегда по умолчанию). Идет смена блоков. ——————- С кодом в принципе знаком и уверен что тут необходимо применить DIV, оста…
0 votes9 answers