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
-
Пустое место при сдвиге "скроллера" вправо
Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...
0 votes1 answer -
Проблема с анимированием "гамбургера"
Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!
0 votes1 answer -
Замена текста изображением
готовится
0 votes1 answer -
Фиксирование размеров
Как фиксировать размеры строк и ячеек в таблице. При явном указании размера width и height в <tr> и <td> они либо игнорируются либо отображаются некорректно. ———-- По теме: Как ограничивать размер определеным минимумом либо максимумом.
0 votes1 answer -
Помогите! проблема с маргином.
Не могу справится с маргином. Для вертикального отступа блоков задал классу нижний маргин 6px; При этом появился отступ и внизу подложки оО . margin-bottom:6px; если его обнулить футер встает на место. аналогичная проблема если заменить на margin-top -от ступает верх. В фоксе все нормально а хром осел и опера дают отступ. Как это происходит неп ойму кто может помочь пояснить что как буду благодарен Результат работы можно посмотреть golddb.ru/test/index.php Код css * {margin: 0; padding: 0;} /* content styles ============================== */ body{background: black;} #bodywrap{ position: relative; left: 225px; width: 646px; min-height: 900px; text-align: cente…
0 votes4 answers -
Работа с текстовым файлом из html файла
Здравствуйте Имею набор html файлов у себя локально, а не на сайте. php файлов соответственно нет. Хотел бы улучшить то, что имею Не знаю, как называется то, что мне нужно, поэтому с поиском в гугле туго=) А может это просто невозможно - то, что я задумал?... Расскажите пожалуйста=) 1) есть home.html, в котором есть ссылка на 1.html 2) есть 1.html, в котором есть ссылка на 1.html, 2.html .... 20.html я хочу, чтобы из home.html ссылка была не на 1.html, а на последний из посещенных из (1-20) Вижу реализацию примерно так: 1) при посещении, например, 7.html файл text.txt перезаписывается и в него записывается "7" 2) при открытии home.html он читает text.txt и выдает активную…
0 votes6 answers -
Поленыэ ссылки
Скинте ссылки в лс (можно и здесь) на ресурси ,где есть много уроком по Html ,css ,js. (например shublog.ru)
0 votes2 answers -
Вертикальное форматирование, никак не пойму.
Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…
0 votes2 answers -
Выравнивание
Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!
0 votes3 answers -
Верстка в Firefox
Есть необходимость использовать окна фиксированного размера для текста. Нужно, чтобы если HTML содержимое не помещается в окно, показывалась прокрутка. Использую следующее решение: fieldset.radios { overflow: auto; height: 300px; } <fieldset class="radios"> <label><input type="radio" ...>Thing 1</label> <label><input type="radio" ...>Thing 2</label> ... </fieldset> Работает идеально во всех браузерах, кроме Firefox, где прокрутки нет и текст просто "вываливается" из окна: пример Подскажите, как можно исправить это для Firefox?
0 votes8 answers -
Скрипт оплаты услуг
Во первых хотел бы сказать спасибо сайту, узнал очень много нужного, и он помог сделать мне сайт. Ситуация: имеется интернет магазин, и нужно сделать форму для оплаты с помощью банковских карт(мастер кард или виза) Чтобы при нажатии купить пользователь переходил на страницу с формой заполнения, нажимал "оплатить" и деньги с его карты шли на карту владельца. Так вот несколько вопросов: нужно ли регестрироваться в каких либо сервисах- посредниках проведения платежей? Как создать данную кнопку? Как происходит данная оплата? Досьаточно ли иметь банковскую карту для получения платежей? Если тема была, извините, я не нашел. Спасибо
0 votes2 answers -
Что сдвигает банер
Здравствуйте. Верстаю страницу. Если навести на пункт меню услуги, то банер съезжает. Инструменты разработчика Хром не дают ответа о причине происходящего либо я ими не правильно пользуюсь(выделяю теги ul, li, a и смотрю в разделе Metrics размеры отступов и пр. с и без наведения мыши) Подскажите пожалуйста, какой из тегов сдвигает банер вниз.
0 votes4 answers -
Проблема с плавающими элементами
Вот есть такая структура. Здесь сайдбару задан float: left; он идет перед блоком content, которому задан левый маржин. Так же пост с такой вот структурой: <div class="post"> <a href="" class="post-title"</a> <div class="post-meta"> <div class="date"></div> </div> <div class="post-conten clearfix"> <img class="thumbnail" /> </div> </div> Картинке с классом htumbnail задан флоат, чтобы посты не налазили на друг друга из за этого флоата, то задан блоку с классом post-content clearfix. Но из за этого первый пост по высоте как сайдбар, помогите пожалуйста решить эту проблему. Сайдбару position: abso…
0 votes4 answers -
Решение нетривиальной задачи с отступами.
Здравствуйте, дорогие форумчане! Я в первый раз на вашем форуме, так что извините, если создал тему не там, где полагается. Суть проблемы такова: имеется див, в котором два дочерних дива делят между собой его пополам. По ТЗ каждый второй дочерний див, примыкая к своему соседу с правой стороны, имеет отступ от него, равный 12px. Собственно, данная конструкция не работает в IE8 и в версиях ниже - отступ почему-то пропадает, в этом и вся проблема. Для наглядности, приведу код: .parent-element { float: left; height: 174px; width: 378px; background: white; border-radius: 7px; border: solid 3px #f27d00; } Код марджинга дочернего элемента: .child-element:nth-child(eve…
0 votes3 answers -
gpGallery + Smooth Div Scroll
А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ар…
0 votes0 answers -
Сокрытие контента на мобильных устройствах
Хотел поинтересоваться практикуется ли в верстке подход, когда при помощи css медиа запросов скрываются некоторые элементы, чтобы улучшить воспроизведение страницы на устройствах с малым экраном? Например, есть страница со слайдером, логотипом, контактами в шапке. На экранах ноутбуков и дэсктопов с большим разрешением все красиво и удобно. Но на планшете и смартфоне все это выглядит довольно громоздко и довольно не удобно(для того, чтобы добраться до контента или меню нужно скролить страничку, да и тяжелые фотки со слайдера могут долго грузиться при узком канале инета). Стоит ли пользуясь медиа запросами просто скрывать все "лишнее" на устройствах с малым экраном для боле…
0 votes5 answers -
Выравнивание содержимого в таблице
Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
0 votes3 answers -
Уменьшить вес css
Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?
0 votes5 answers -
Проблема с версткой
Здравствуйте! Такая проблема - когда я щелкаю по картинке, чтобы ее увеличить во всех браузерах она открывается. http://mebel-market.today/mebel/gostinye/bolero Но в Explorer - нет... картинка меняется, но не увеличивается. В чем дело? http://mordovia-sutochno.ru/content/4-komn-posutochno-1 - на этом сайте тот же модуль работает без проблем. И открывается везде.
0 votes0 answers -
Помогите сделать таблицу
Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом
0 votes5 answers -
Div прячется под картинку. Как это отменить?
Здравствуйте! Все мозги сломал уже. Поднимаю с помощью margin блок div, содержимое блока идет сверху, а сам блок со своим бекграунд-колором прячется под картинку. https://www.youtube.com/watch?v=ZEmcwyijGLM&feature=youtu.be Понимаю, что вопрос плевый, и решение простое, но уже выбился из сил его искать. Помогите пожалуйста. Нужно что-бы блок полностью был на фоне картинки. Вот код (выбросил все ненужное, оставил саму суть): HTML <!DOCTYPE html><html> <head><title>qqq</title><link rel="stylesheet" type="text/css" href="styles.css" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> &l…
0 votes2 answers -
Прыгает сайт на планшете
Привет всем. Есть сайт http://prodromos.by/ при просмотре на мобильных устройствах (в основном в хроме) сайт прыгает. В чем может быть проблема? Спасибо.
0 votes6 answers -
Картинка в шапку.
У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…
0 votes3 answers -
Проблемы с адаптацией шаблоны.
Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?
0 votes3 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers