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
-
Помогите двигать кнопку войти/выйти немого левее
Я создаю сайт в стиле ВКонтакте Сайт http://vigrakh.ucoz.ru/ Код в CSS body {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; } .home {border:none; margin: center; } #menu { margin-bottom: 0px; } .mbar { height: 41px; background: url("http://wallaby.ucoz.ru/menu/mbar.png") no-repeat; } .mbar .mbar { background-position: 100px -41px; } .mbar .mbar .mbar { background-position: 0 -82px; background-repeat: repeat-x; } #menu {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; font-weight: bold; background-image:url('/img/uplo.png'); background-repeat:repeat-x; height:41px; line-height:41px; color:#fff; border:solid 0px #fff; width:80…
0 votes4 answers -
Как убрать отступы в div для элемента ul
Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.
0 votes2 answers -
Не влезает буква Й. Верхняя черточка идет вниз.
Добрый день. Проблема: 1. В заголовке h2 не влезает у буквы "Й" верхняя черточка. 2. Все буквы тянутся вверх, смешно и не красиво выглядит буква "Ф" Посмотреть на сие убожество можно: http://iqfoto.ru/foto/studiya CSS код: http://iqfoto.ru/templates/jp-studio/css/template.css P.S. ФАК читал. Гугл спрашивал. Поиском пользовался по разному.
0 votes6 answers -
Верстка интерактивной схемы для сайта
Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…
0 votes0 answers -
При наведении исчезает картинка
У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …
0 votes2 answers -
Форма с кнопкой
Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #00…
0 votes4 answers -
Резиновый двухколоночный макет с фиксированной шириной правого блока
Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight. Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?
0 votes4 answers -
Теги
Здравствуйте. Я начинающий/нечасто практикующий специалист по html. У меня вот какой вопрос: есть добавить meta тег в обрывок кода (в админке не весь код целиком, а посмтранично), как указано на картинке, то будут ли работать meta теги? Или обязательно этот тег вставлять в head? Поделитесь, пожалуйста, опытом. Спасибо заранее. Ссылка на картинку: https://cloud.mail.ru/public/948i/urfKLepqm
0 votes2 answers -
Неизвестный шрифт в фотошопе
В psd макете есть неизвестный шрифт nexa bold /искал в интернете нашёл только в файл с вирусами/ Как мне достать етот шрифт? И как вообще фотошоп может его отображать если его нету?
0 votes5 answers -
Проблемы при самообучении по php (книга Р.Никсона)
Добрый день. Возникли проблимы во время практики при самообучении по книге Робина Никсона - Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд - 2015. На странице 173 (Изучение PHP > создание файла) требуется ввести код для создания файла и проверить в браузере результат. Ввожу следующий код в sublime text: <?php $fh = fopen("testfile.txt", 'w') or die("Создать файл не удалось"); $text = <<<_END Строка 1 Строка 2 Строка 3 _END; fwrite($fh, $text) or die("Сбой записи файла"); fclose($fh); echo "Файл 'testfile.txt' записан успешно"; Затем сохраняю файл под именем testfile.txt и testfile.php, открываю в браузере, но ничего…
0 votes4 answers -
не работают стили css файла в браузере
День добрый ! я новичек , подскажите пожалуйста ,проблема: не работают некоторые стили , открываешь фаербаг в хроме показывает что div{display:block;} в чем причина ?
0 votes2 answers -
Как посредством CSS справиться с непрозрачностью PNG в ИЕ6
Как посредством CSS справиться с непрозрачностью PNG в ИЕ6? Ато ИЕ6 не поддерживает альфа канал и показывает PNG прозрачность серым(
0 votes2 answers -
В IE6 контент съезжает вниз
Ребята, помогите пожалуйста! Уже не знаю что делать! На странице www.vspu.ru/is в IE6 нещадно сдвигается контент вниз в основной колонке. Css и HTML можно посмотреть в FF bags. Подскажите, что может быть?
0 votes2 answers -
Добавление собственного шрифта на страницу
Возрадуйтесь любители изощренных шрифтов, Safari 3.1 поддерживает @font-face и шрифты TTF. Теперь можно писать любые вычурные надписи на вычурном шрифте. Проблема все же остается, версия 3.0 этого делать не умеет, остальные браузеры тоже.
0 votes3 answers -
Проблемка с шапкой на сайте.
Здраствуйте я извиняюсь но попрошу если можно подскажите, почему шапка нашего сайта на мониторах 15, 17 дюймов на полную ширину экрана а у меня на 22 неполностю, тоесть белый фон по сторонам на любом браузере? Как это исправить? Такого вопроса я на форуме не нашёл, возможно невнимательно смотрел, но чесно уже 2 дня ищу. Большое спасибо за помощь.
0 votes4 answers -
link вместо XHR
Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?
0 votes6 answers -
padding в меню
Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/
0 votes8 answers -
помогите прилепить один div к другому
Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…
0 votes2 answers -
дергается и перегружается выпадающее меню
Помогите разобраться с проблемой. Выпадающее меню дергается и по несколько раз открывается и закрывается. Код http://jsfiddle.net/7pabv/
0 votes2 answers -
Кручу-верчу, спозиционировать хочу
Есть такой код http://jsfiddle.net/s7EmS/2/ Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы? Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.
0 votes10 answers -
Как прикрутить карусель?
Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…
0 votes6 answers -
Как сделать google карту в таком виде
Возможно ли сделать такую карту интерактивной и как? зеленый фон не фиксированый и может менять масштаб.
0 votes9 answers -
Как тестировать адаптивный дизайн?
Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.
0 votes6 answers -
убрать панель в chromium
помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает
0 votes3 answers -
Режеться слайдер по высоте
Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/
0 votes0 answers