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
-
Как сделать контент зависимым от содержимого?
Контент не растягивается под картинку, под текст да. (скриншот). body { background-color: #fff; margin: 0;}#head { position:relative; height: 242px; width: 100%; background: url(/image/head.png) repeat-y 50% #4d8795; }#content{ width: 1022px; margin: 0 auto; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .3), 23px 0 20px -23px rgba(0, 0, 0, .3); padding: 7px; }#content1{ width: 700px; text-align: justify;}#name-page{ padding-top: 38px; padding-left: 9px; font-family: Minion Pro, sans-serif; font-size: 45px; text-transform: uppercase; }#line-page{ background: url(/image/line.png) repeat-x; height: 13px; widt…
0 votes6 answers -
Как контролировать фон за текстом.
Всем привет ребята, я на этом форуме новенький ну это не чего не значит! Хех. Прошу вашей помощи! Вопрос такой, я хочу с помощью CSS сделать что бы мой header был фиксированный, делаю это так: .full { position: fixed; /* Фиксированное положение */ /* Расстояние сверху */ width: 80%; background: red; padding: 10px; background: red; } а вот код header: <div class="full"> <div class="col-md-7"> <div class="collapse navbar-collapse" id="ql_nav_collapse"> <nav id="jqueryslidemenu" class="jqueryslidemenu navbar " role="navigation"> Меню </nav> …
0 votes5 answers -
что криво выстроились
Подскажите вот чего дочерние блоки с классом block криво по горизонтали выстроились? https://jsfiddle.net/jbs8pctt/
0 votes2 answers -
Из-за чего появляются маркер
Вот крайне простой список. Если поставить какое либо значение display например block то маркер сразу исчезает. Почему так происходит? <ul> <li>132</li> </ul> li{ display:block; }
0 votes1 answer -
Проблемы с картой
Всем привет!!! Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки. Вот код <style> #rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} </style> <map name="Map"> <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> </map> <td colspan="4" style="vertical-align:top;"> <div …
0 votes1 answer -
макет из трех колонок с одинаковой высотой
Подскажите как сделать трехколонный дизайн сайта с колонками одинаковой высоты. Что-то не получается у меня Чтобы работало хотя бы в файрфоксе. Простейший пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Три колонки одной высоты</title> <style type="text/css"> html, body {margin: 0;padding: 0} body {font: 76% arial, sans-serif} div#container { width: 100%; min-height: 500px; min-width: 500px; } div#header { text-align: center; background: blue; colo…
0 votes0 answers -
меняетм шапку
есть шаблон с шапкой img1 нужно на некоторых страницах img1 заменить на img2, третих на img3 как-то можно поставить типа маркер в статье, чтоб из css брал соответствующих рисунок
0 votes3 answers -
проблема с картинками
я создал html файл, загрузил в браузере Mozilla Firefox. Вставил в него картинку, а она не отображается на странице на моем компе, а на другом компе отображается. Файл и картинка находятся на рабочем столе в обоих случаях (на моем и другом компе). Кто что может посоветовать? В чем причина? Причем, если вставлять картинку с сайта (по ссилке), то она отображается.
0 votes10 answers -
"Экстренная мобилизация"
Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...
0 votes3 answers -
phpbb3
всем привет. кто нибудь может подсказать, что нужно сделать со стилем, что бы получилось вот так же как здесь - http://www.flying-bits.org/ ? тоесть сам стиль получается как бы в рамке, а за ним серый фон...
0 votes4 answers -
Размещение рисунка
Здравствуйте всем. У меня вопрос на первій взгляд очень простой: мне нужно разместить три рисунка в модуле для джумла посреди блока. На первій взгляд довольно простое задание, но теги <center></center> не работают. С того что знаю о цсс: сделать стиль <div style="text-align: center"></div> тоже не подходит. Ничего не происходит. Некоторіе класі цсс так и не нашел в папке модуля и сайта вцелом. Не знаю даже куда ріть. Может кто подскажет направление хоть? Вот сайт. Изображения - три сертификата зумера.
0 votes1 answer -
подскажите с background
Подскажите как правильно сделать. На сайте http://atlasokon.com.ua/vibor.htm слева и справа колонки идут в виде: <td width="200" align="center" valign="top" background="Pics/rubber_grip1.png"> валидаторы ругаются что тег "td" не имеет атрибута "background" в активных версиях НТМL4 как с этим бороться?
0 votes8 answers -
почитать про адаптивную вёрстку
посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация
0 votes7 answers -
Проблема с выравниванием 2-х кнопок
Здравствуйте, всем! Благодарю за то, что посмотрели тему! Добавил на сайт 2 кнопки Скайпа: http://murmot.ru/contact/ Пробовал различными способами сделать так, чтобы они шли в одну строку в месте с текстом "по Skype", т.е. по Skype: Кнопка1 Кнопка2 но так ничего и не вышло. Код страницы такой: Вы можете связаться с нами наиболее удобным для Вас способом: <ul> <li>по телефону <strong>+7 499 6 388 995</strong></li> <li>по Skype: <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:boris_biz?add"><img src="http://download.skype.com/share/skypeb…
0 votes5 answers -
Карусель в div
Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо
0 votes3 answers -
src в iframe
Доброго всем дня, В общем нужно как-то проследить загрузился в iframe src и если нет заменить на другой, таймаут пару секунд. Лучше чисто на Java. Спасибо.
0 votes4 answers -
Выбор способа разметки двух колонок
Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 1й: http://jsfiddle.net/2ydUW/3/ 2й: http://jsfiddle.net/2ydUW/2/ HTML: <!DOCTYPE html><html> <head> <title>var. 2</title> <link rel="stylesheet" href="css/main.css"> <script src=""></script> </head> <body> <div class="wrap"> <div class="leftColumn"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodal…
0 votes4 answers -
Вертикальное выделение в программе phpdesigner
Собственно вопрос как работает вертикальное выделение в phpdesigner? То есть как выделить одним разом и заменить некий код в файле css
0 votes2 answers -
Проблемы верстки с Masonry
Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут
0 votes2 answers -
Код UTF-8 для CSS
Я знаю код символа в UTF-8 для вставки в HTML файл: цифры; Как этот символ вставить через content в css?
0 votes3 answers -
шапка
народ подскажите почему шапка получилась такой большой и заголовок уехал далеко вниз http://savepic.su/5180613.jpg вот css: *{ margin: 0; padding: 0; text-decoration: none; } body{ color: #ffffff; font-family: 'Franklin Gothic Medium Regular',Arial,serif; background: #141b23 url(img/bg.jpg) no-repeat top right ; color: #b1bbcb; } .nav{ margin: 0px 710px 0px 54px; padding-top: 65px; padding-bottom: 586px; } .nav__list{ list-style: none; } .nav__list li{ display: inline; padding-left: 20px; } a{ color: #b1bbcb; } .content{ }
0 votes3 answers -
Как блок с классом .caption сделать так, что бы он не заезжал за img?
Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute
0 votes1 answer -
Увеличение видео ютуба при наведении
здравствуйте размести ембед видео ютуба на главной. заказчик хочет чтобы они увеличивались при наведении мыши. есть ли какие-нибудь красивые примеры с оверлеем или типа того.
0 votes2 answers -
адаптивное меню
Каким должно быть меню на чистом CSS или JS реализация кнопки анимации открыть/закрыть ?Вы скажете какой вариант выберешь такой и будет, я верстаю первый шаблон и для меня очень важно отталкиваться в правильном направлении, если можно плюсы и минусы вариантов кто понимает в этом или свой вариант1 на чистом css https://jsbin.com/yokic/edit?html,css,output2 за счет js (jQuery) https://codepen.io/katienazarova/pen/dKyEOy?editors=1100
0 votes2 answers -
Выровнять столбцы в футере
Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!
0 votes3 answers