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
-
Размещение блоков с контентом
Здраствуйте! Хотел бы узнать у вас, как делается подобный макет? Что мы имеем? (1) "Подложка" фиксированной ширины(по центру экрана) на которой размещаются контейнеры с контентом (2) Несколько блоков на "Подложке", а именно: Шапка, меню, два-три контейнера под меню(Там Мб личный кабинет, теги и тп), 5-7 контейнеров, расположенных справа от меню, в которых предпологается размещение новостей, подвал под всем этим делом ( Забыл нарисовать, но да ладно, с ним не возникает проблем) Итак, вопрос, как грамотнее всего реализовать данный макет? У самого были такие варианты: - с помощью position:fixed(left, top, right и bottom) попытаться все эти блоки разместить на "подложке". …
0 votes3 answers -
Вопросю Можно ли с помощю css задать цвет для нескольких элементов в одном месте.
Всем доброго времени суток. Поучаствуйте пожалуйста в моей проблеме. Я разрабатываю приложение на базе QT, которое отображает несколько десятков HTML страничек(локально). Есть один css файл, который описывает кнопки и прочие элементы. Везде используется не более 6 базовых цветов, которые необходимо менять в настройках. Мне бы хотелость иметь конструкцию вроде следующей: color1: "red" color2: "green" color3: "yellow" color4: "black" color5: "blue" color6: "#010101" ............. TD.mainSelect { color: "color1" TD.menu { border-bottom: 4px color1 solid; Но к сожалению я ничего подобного в css и html не нашел. Ма…
0 votes3 answers -
Помогите разобраться с float
Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.
0 votes5 answers -
repeat-x для дива
На сайте http://www.кг.ru/ сделал фон снежинки, но они получились только слева. Как сделать чтобы они были по ширине? Тоесть чтобы было видно и спереди и сзади.
0 votes2 answers -
спрятать сверху и снизу белый фон
как спрятать сверху и снизу белый фон http://ws-host.com/1.html под рамку <html> <head> <title></title> <style> body { background: #f00; } .page { height: 500px; width: 500px; } .bg1 { background: #fff; margin: 50px; } .bg2 { background: url(border.png); margin: -50px; height: 500px; width: 500px; } .content { padding: 100px; } </style> </head> <body> <div class="page"> <div class="bg1"> <div class="bg2"> <div class="content"> khkhh i gyi gi gi gi i i o oo ho h hp <br /> khkhh i gyi gi gi …
0 votes4 answers -
Зазоры в ul
вот такой код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .nov ul li{display:inline-block; background-color:#D1D3D5; padding:3px 5px;} .nov li a{text-decoration:none; font-family:Arial; font-weight:bold; color:#2C2D2D; font-size:14px;} </style> </head> <body> <div id="wrapper"> <div class="nov"> <ul> <li><a href="#">Тест</a></li> <li><a href="#">Тест</a></li> <li><a hre…
0 votes5 answers -
Помогите разобраться с border для div
Доброго времени суток! Есть два div`а: в одном большая картинка, в другом превьюшки. Для второго div назначен стиль border. Проблема в том, что border рисуется не вокруг самого div, а как отдельный элемент. Под спойлерами исходники и скрины. Так отображается в ФФ 11, Хром 17, Опера 11.62. Если вставить в HTML нужного div картинку самому(не яваскриптом), то результат не меняется Картинки HTML-код CSS-код javascript-код, отвечающий за создание превьюшек
0 votes4 answers -
Совет по верстке
Добрый вечер друзья, есть макет, нужен совет по верстке основной части, как лучше сделать края основной части?
0 votes2 answers -
Перенос строки
Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать
0 votes2 answers -
Не работают стили во всех браузерах кроме Chrome
Здравствуйте. Столкнулся со странной проблемой: ни в одном браузере кроме Chrome не работают стили. Проверял в IE8, IE9, Opera, Firefox. Версии браузеров - последние стабильные на сегодняшний день. Пути пробовал указывать и абсолютные и относительные: "css/changeGoods.css", "http://192.168.204.83/pos/css/changeGoods.css" и даже так "Z:\home\192.168.204.83\www\POS\css\changeGoods.css" (но так даже в Хроме не работают). html-страничка лежит в каталоге http://192.168.204.83/pos/, css в http://192.168.204.83/pos/css/. Помогите разобраться с данной проблемой. Прилагаю код странички и код css. html: css: PS: На кривой код и несоответствие стандартам не смотрите если это напря…
0 votes4 answers -
Шапка
Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?
0 votes2 answers -
Сильно растягивается таблица
http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.
0 votes5 answers -
мобильная версия подключение
Здравствуйте! Сделала мобильную версию сайта, поставила ее не поддомен m.сайт.ru, на сайт.ru/index.html вставила код для переадресации на m.сайт.ru, когда входишь с мобильного браузера. Все отлично. Но. Мне нужно чтобы можно было на мобильном перейти на полную версию сайта. Вопрос: как это сделать? Или как по-другому подключить мобильную версию с возможностью перехода на полную версию сайта?
0 votes2 answers -
меню htmlbook
прокрутное меню сделано с помощью overflow???
0 votes4 answers -
Выравнивание по высоте
Необходимо выровнять красный блок по центру по вертикали. Т.е. когда текста в <h1> становиться больше, родительский див растягивается, то и красный блок остаётся ровно по центру по высоте. Перекопал гугл, проблему не решил( <body> <div style="background:#CCC; width: 70%; overflow: hidden;"> <h1 style="width:70%; float:left"> Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! </h1> <a href="#" style="float:right; padding:20px 20px; background:#F00; display:block">Ах, этот текст! </a> </div><…
0 votes5 answers -
Элементы "display:box" не работают
Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…
0 votes2 answers -
Резиновый сайт
ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!
0 votes8 answers -
"клонирование" блока при перемещении
В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <div class="content"><div class="fixedmenu"><ul><li>1 punkt<li>2 punkt</ul></div><div class="mblock">text<br></div><span class="clear"></div></div>А css: .content {width:100%;width:800px;margin:0 auto;}.mblock {border-radius: 10px;background: url("../images/50%.png") repeat;padding:20px;margin-top:20px;/*text-align:center;*/}.fixedmenu {border-top-left-radius: 50px;border…
0 votes1 answer -
border текст
Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt Текст наезжает на рамку. https://jsfiddle.net/kL19sfbL/
0 votes2 answers -
Выравнивание img по вертикали и непонятные отступы
Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li. Хочу решить эту задачку без использования absolute,table и без JS. Это возможно ? Ссылка на сайт http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/index.html Ссылка на файл CSS http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/css/main.css
0 votes2 answers -
Не закрывается блок по клику на пустой области (windows.onclick)
Подскажите, пожалуйста, почему может не закрывается меню при клике на пустую область? https://jsfiddle.net/72u624g5/4/ Заранее благодарю за помощь!
0 votes2 answers -
Как присоединить к ссылке значение
Здравствуйте! Столкнулся с такой проблемой: Имеется ссылка https://www.pochta.ru/tracking# и имеется значение #ORDER_TRACKING_NUMBER# (цифры). Подскажите пожалуйста, как сделать так, чтобы окончательная ссылка выглядела так https://www.pochta.ru/tracking#12345678912345 ?
0 votes7 answers -
Полоса ссылками и меню на всю ширину экрана. Как реализовать?
Добрый день. Подскажите пожалуйста, как реализовать данную шапку (полосу ссылками и полосу с меню) на всю ширину экрана. На рисунке обведены красным. А лучше киньте, пожалуйста, ссылку на статью, урок. Знаю, что надо через position (absolute, relative), но не смог найти инструкции. Спасибо.
0 votes2 answers -
Табы внутри аккордеона
Добрый день. Возможно кто-то возьмется мне помочь. https://codepen.io/brezze/pen/mzJmeJ Слева есть года, реализованы в виде аккордеона, по клику на год, открывается нужный нам. Слева табы, у каждого года есть свои табы. Например сейчас открыт 2018 год, если мы кликаем на второй таб 2017 года, 2018 год закрывается, открывается 2017 на втором активном табе
0 votes0 answers -
Текст
Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!
0 votes1 answer