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
-
Как выровнять картинку по горизонтали без указания ширины?
Возможно ли выровнять картинку по горизонтали без указания ширины? Я сделала это с помощью padding'а....но последняя картинка не выровнена посередине относительно текста и понятно почему. Как сделать выравнивание правильно? Вот код: http://cssdeck.com/labs/ryg3qje3
0 votes3 answers -
Помогите с ошибкой(код в сообщении)
Вот код, почему не срабатывает onclick? <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); …
0 votes1 answer -
Подключение файла пользовательских стилей к сайту - как?
Добый день, коллеги! Для понимания проблемы обрисую задачу. Вот например существует работающий сайт, на котром нужно поправить и добавить стили, но доступа к исходникам сайта нет - курочить боевой сайт нельзя. Также нет развернутой локальной версии сайта и дампа базы данных (ну или получить это все и поднять - большой гимор). Браузеры должны по идее поддерживать подключение пользовательских стилей, к тому же, такие стили имеют высокий приоритет и перекроют стили сайта. Так вот вопрос - как подключить у себя в браузере свой локальный стилевой файл к сайту, загруженному из интернета, и спокойно переопределять ститил в нем, открыв его в своем любимом редакторе? А потом, г…
0 votes3 answers -
растянуть фон блока внутри фиксированного листа
Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…
0 votes2 answers -
Подгрузка файла с сервера
Использую данный способ для загрузки stl на свой сайт. Хотелось бы сделать так, чтобы stl загружалось с сервера (файл уже лежит на сервере). Возможно ли это сделать? Заранее спасибо за помощь!
0 votes0 answers -
Что тут дописать, чтобы пропала граница снизу?
Нужно сделать как на картинке. Как это правильно сделать?Вот что у меня получилось, но нужно каким-то образом убрать границу снизу под текстом
0 votes1 answer -
Проблема со сладером
Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; …
0 votes2 answers -
позиционирование в CSS
Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??
0 votes2 answers -
Тянущийся флеш и не тянущийся дизайн
Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
0 votes1 answer -
Регулярное выражение
Добрый день, прошу прощения, что беспокою по такому пустяковому вопросу, но что-то у самого не получается. В общем не могу я составить регулярное выражение на нахождения знака равно в строке Пытался так /^=$/, не получается. Подскажите пожалуйста
0 votes4 answers -
Маркер в горизонтальном списке
Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.
0 votes1 answer -
Неправильное отображение в браузерах.
Добрый день! У меня есть 3 проблемы вот по этому сайту - vipdoma.kiev.ua 1 по Хрому, и 2 по IE. 1. Во всех браузерах идет абсолютно нормальное отображение бэкграунда, кроме Google Chrome. Пытался понять в чем проблема так и не смог. Все фоны у меня прописаны в .css файле, ниже идет выдержка из него: body { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing:-0.04em; color: #666; font-size:67%; line-height: 1.538em; background: #afb1b4 url("../../images/bg_body.gif") repeat; } 2. Когда открываю сайт IE любой версии, в левом нижнем углу флажек о том, что на странице ошибка, что он…
0 votes4 answers -
Боковые картинки под углом
Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.
0 votes3 answers -
Помогите прижать "сайтбары" к подвалу....
Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…
0 votes3 answers -
нижнее закругление навигации немного обрезано
не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/j…
0 votes1 answer -
Нестандартные кнопки социальных сетей
Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).
0 votes1 answer -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Не работают тени и заокругления
Не работают тени и заокругления в ИЕ 8 и ниже и в Опере 9 и ниже. Вот используемый код ксс: .siteborder { box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } Помогите поправить код под старые версии ИЕ и Оперы.
0 votes4 answers -
резиновые изображения
помогите пожалуйста вставить в блок резиновое изображение 100%-ой длины с бордером в 2px так чтобы оно не выходило за границу блока например на этой странице я попробовал реализовать сказанное для картинок блока .photo_stock . в результате у меня появился бордер для блока .img_outer (хотя для блока никаких правил не прописывал) должно получиться так
0 votes5 answers -
Измерение размеров элементов в psd
Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого…
0 votes1 answer -
Border без высоты не работает?
Привет, форум! Относительно недавно начал заниматься версткой, первые несколько макетов сделал нормально, с третьим вот такая трабла. Если не указать явную высоту блока, то border в упор не замечается. Код прилагаю: #container { width: 940px; margin: 0 auto; border-left: 1px solid #8f8c83; /* Нужна рамка слева и справа */ border-right: 1px solid #8f8c83; height: auto; } При height:auto - рамка не видна. Если указать жесткую высоту - все нормально. Как быть? Есть ли обходные пути? Высота нужна именно auto, так как блок для контента. Спасибо всем откликнувшимся! P.S. Искал по форуму, вроде не встречал такого. Если что - смиренно извиняюсь за дубль.
0 votes3 answers -
Подскажите новичку
Ребята, всю голову сломал, как добиться такого эффекта?Может кто урок подскажет или советом поможет? http://tripict.com/0037/compact/l.html Сразу под музыкальном плеером Что это?Выдвигающаяся кнопка или что?
0 votes2 answers -
Неправильно отображается
привет <body> <div id="container"> <div id="header"> <img src="img/header.jpg" alt="" /> <div id="navigation"> <div id="content"> <div id="footer"> </body> </html> Вот это у меня в html файле. Далее идет css: body { background: #f3f2f3; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; } #container { background: #FFFFFF; margin: 30px auto; width: 900px; height: 1080px; } #header { background: #838283; height: 200px; width: 900px; } и так далее У меня все блоки криво отображаются! Футера вообще не видно. Скажите пожалуйста, в чем может быть ошибка?
0 votes2 answers -
Как убрать непонятную рамку?
Для тех, у кого Гугл Хром. http://anti.chashniki.net/uncategorized/название-предмета-12/ Покликайте на слайдер (4 изображения внизу) и закройте его. Появится под изображением непонятная рамка: https://www.dropbox.com/s/xfyadkigytit98c/21-02-2013_181908.jpg Подскажите, пожалуйста, как её убрать?
0 votes3 answers -
не отображается картинка
не отображается картинка (hot job online), т.е отображается, но не везде (зависимости между браузерами не нашел) просмотреть картинку сайт
0 votes6 answers