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
-
Соединие DIV и Заливание CSS Фигур Фоном
Здравствуйте Друзья!) Есть дизайн, я заверстал его блоками. http://myscreenshot.info/i/0005/450771420815068249968785663668.png Вопросы: 1. Как теперь соединить ряд блоков в один DIV, (наподобие псевтотегов чтоли)? 2. Как залить получившейся DIV фоном? Я точно знаю что такое можно сделать)) Пример моего кода (фигура слева) http://myscreenshot.info/i/0005/263841420815915808621868304315.png HTML: <div id="imgbox_canvas"> <div id="im_tri-right"></div> <div id="im_tri-top"></div> <div id="c_row_r"> <div id="im_tri-left"></div> <div id="im_centr"></div> <div id="im_btm-r"></div> <div i…
0 votes6 answers -
Как начать работать над сайтом (PHP, Joomla, mySQL) ?
Есть список-таблица. Она выодится на экран при выборе категории (магазин VirtueMart). Есть заголовки табдиц. Вида, "Наименование" "Цена", и т.п. Мне нужно поменять саму таблицу. Но, для начала, хотя бы понять, где это? То есть, в какой части админ-панели, какой файл, какая таблица в базе?
0 votes0 answers -
таблицы и блоки
В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?
0 votes6 answers -
Как сделать такой border
Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!
0 votes2 answers -
Картинки с сылкой в ряд по горизонтали по центру блока с авто margin
Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…
0 votes4 answers -
Как сделать счетчик скачки файлов
Я сделал себе счетчик а он не работает кто поможет сделать его :?
0 votes4 answers -
Помогите разобраться с версткой
Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e0…
0 votes4 answers -
Изменение hover для элементов
День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…
0 votes3 answers -
Непонятки с текстом
На телефонах есть небольшая проблемка с текстом. вот посмотрите даже как этот сайт выглядит на моей lumia 820 http://hostingkartinok.com/show-image.php?id=25d50a77661f9ce11cb868e90e652e8e как видим все как на компе, НО ТЕКСТ отображается не так, по своему как то(и размер шрифта и все другое). у меня часто из-за этого верстка рушится на телефонах. у меня 3 вопроса. 1) Что это? 2) Зачем это нужно? 3) как управлять этим? Заранее спасибо)
0 votes3 answers -
Опять резиновый сайт!
Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки п…
0 votes4 answers -
Кодировочка
Здравствуйте! Действительно ли если файлы в кодировке utf-8 то задавать её в meta ненужно и что сайт и так будет везде нормально отображаться? Спасибо за внимание!
0 votes1 answer -
Вложенная форма (слайдер)
Подскажите пожалуйста, как внутрь слайдера вставить форму для ввода логина и пароля, мне нужно чтобы форма была на первом кадре слайдера ( ссылка на слайдер http://ruseller.com/lessons.php?rub_id=2&id=1443 ) Получается что это как-бы вложенная форма и она не отображается, потому что слайдер сам основан на чекбоксах и как я понимаю HTML такое не поддерживает, есть вариант использовать iframe, но он не желателен. <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" clas…
0 votes2 answers -
выпадающее меню только в одной строке, помогите (html/css)
Всем привет. Мне нужно, чтоб меню выпадало только из одной строки при наведении. Пример моего меню: Нужно, чтоб при наведении на "Портативные компьютеры", вниз открывался столбик с тремя вариантами (ноутбуки, смартфоны, планшеты) у меня ничего не получается.. <ul class="menu"> <li><a href="index.html">Главная</a></li> <li><a href ="nout.html">Портативные компьютеры</a></li> <li><a href="index-os.html">Операционные системы</a></li> <li><a href="rat.html">Рейтинги</a></li> <li><a href="o_nas.html">Обратная связь</a></li> …
0 votes6 answers -
Обрезать картинку
Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут
0 votes4 answers -
Проблема с выподающим меню
Доброй ночи и с рождеством. Помогите решить следуюшию проблему ибо я в первые работаю с предоставленными данными. Есть страничка по ссылке Проблема в том, что в выподающем списке ссылка не кликабельна. Кликнув по ссылке мы так и останемся на месте. Пройдите по ссылке и посмотрите исходный код, здесь не стал загрязнять форум. Заранее спасибо.
0 votes1 answer -
Помогите вставить menu.html на сайт при помощи php include
Всячески пытаюсь отобразить на странице меню, вставленное через php include - результата ноль. Установил Apache, наблюдал вкладку "It works!", запустил апач монитор. Вырванный кусок тегов, формирующих меню сохранил в отдельном файле. Прошу подсказать, каким образом должна выглядеть в файле страницы .html строка скрипта php, в каких форматах должны быть сохранены файлы и какие ещё упущенные мной действия требуется проделать?
0 votes5 answers -
Помогите со скриптом
Уважаемые форумчане, прошу у Вас помощи в написании скрипта. Я сам "новичок" в сайтостроении, однако собственными силами пытаюсь обслуживать сайт. Если HTML и CSS мне как-то "даются", то вот со скриптами беда. Только то, что в инете в свободном доступе. Сейчас понадобился скрипт, простой, не могу ничего найти. В разделе "сделайте бесплатно" создать тему не могу. Помогите плиз, мне важно- а для вас, уверен, пустяк: есть скрипт, полностью меня устраивает: <script>$(window).scroll(function() { if ($(this).scrollTop() > 1){ $('.div').addClass("sticky"); } else{ $('.div').addClass("sticky1"); }});</script> По его результатам, слой, …
0 votes7 answers -
дочерние <div> выходят за пределы родительского
Подскажите пожалуйста как решить проблему.При неоднократном обновлении окна браузера содержимое странички не стабильно.То-есть иногда правильно отображается иногда неправилно. http://jsfiddle.net/tpt6e0qq/1/ неправильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101186476295497458&oid=117227156135925600779 правильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101172383986281410&oid=117227156135925600779
0 votes2 answers -
Какие знания нужны, чтобы сверстать такой сайт?
Какие знания нужны, чтобы сверстать такой сайт? http://yoga4you.in.ua/
0 votes3 answers -
Не работают относительные (указания в "%") CSS правила height, max-height, min-height
Решил поупражняться в верстке, сделал фиксированный верхний и левый бар, принялся за контент, но слой в который вложена аватарка имеет нулевую высоту, применение height, max-height, min-height с указанием значения в % не приводит ни к какому результату, только фиксированное значение "N px" регулирует значение высоты слоя. И самое интересное: если я вставляю текст, то слой появляется и его высота равна занимаемой текстом высоте. Вот как это выглядит без текста: http://storage8.static.itmages.ru/i/15/0106/h_1420526624_5424836_8e46b4d33d.png Вот как это по идеи должно выглядеть: http://storage8.static.itmages.ru/i/15/0106/h_1420528235_8284072_2c67e7a154.png Вот как это выгля…
0 votes5 answers -
как исключить элемент из выборки?
помогите пожалуйста решить проблему есть html: <div id="test"> <div> hide text </div> <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> </div> мне нужно получить (с тегами): <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> желательно использовать xpath
0 votes0 answers -
Еще проблемы с hover
Не подскажите есть ли универсальное средство, чтобы сделать такой hover http://clip2net.com/s/39WPtxB непосредственно css. То есть нужно чтобы автоматически под ширину слова подстраивался;непосредственная длина эффекта 90px, если пункт меню имеет большую ширину получается кривовато(((
0 votes3 answers -
Выход текста или таблицы за рамки первоначального блока
Уже не в первый раз сталкиваюсь с подобной проблемой. Порой находил выход из ситуации с переразмещением некоторых блоков, а также добавлением новых. Но то было раньше, то были мои первые более менее на что-то похожие работы, впрочем, там было слишком много кода, причем лишнего, поскольку со временем я нашел более приемлемые варианты составления этих же шаблонов. На тот момент упор делался на общую картинку, а не на правильность составления кода, ну и все что с этим связано. Раньше сталкивался лишь с небольшой переделкой уже готовых и полноценных шаблонов, но не так давно решил заняться изучением самого процесса их создания, практически с нуля. Вот как сейчас. На данный мо…
0 votes3 answers -
Как сверстать такую фотогалерею адаптивно?
Здравствуйте! Нужно сверстать такую фотогалерею адаптивно: Принцип Bootstrap, на мой взгляд, не подходит. Нужен совет, какой способ выбрать.
0 votes13 answers -
Переход по якорям
Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример
0 votes1 answer