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
-
Верстка под OperaMini
сайт zareadka.ru емулятор оперы мини http://www.opera.com/mobile/demo/ показывает ужос. что не так с версткой?
0 votes10 answers -
Верстка шаблона
Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…
0 votes21 answers -
Убрать полосы по бокам
Здравствуйте! Не могу понять, как убрать чёрные полосы по бокам видео. Вот скриншот А вот сам код : <div class="video-container"> <iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0"> </iframe> </div> .video-container { position: relative; padding-bottom: 58.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Благодарю за ответ!
0 votes0 answers -
Смена блоков
Здравствуйте. Ситуация такова: Необходимо сделать замену содержимого на страничке по клику. Есть главная страничка сайта на русском языке (до регистрации), которая содержит краткую информацию. Её необходимо продублировать на английском. Для этого нужно поставить 2 флажка на русский вариант странички, при нажатии на которые будет меняться содержимое. То есть пришли на сайт первый раз, видим информацию + 2 флажка, кликаем по английскому флагу и получаем тот же текст на английском, кликаем по русскому флагу и получаем заново русский текст (который стоит всегда по умолчанию). Идет смена блоков. ——————- С кодом в принципе знаком и уверен что тут необходимо применить DIV, оста…
0 votes9 answers -
:hover
Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?
0 votes32 answers -
Слетела кодировка
Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?
0 votes9 answers -
Звук на сайте
Есть у меня 1 очень странный приятель, которому обяснить, что звук и сайт, мало совместимые вещи. Прописал я на сайте строку <SOUND SRC="http://www.lifeclubmos.com/ligz.wav" LOOP="3" DELAY="3"> вставил ее в самом начале - не звучит. И файл закачал, и залил все это на аккаунт.... Может есть у кого какие мысли?
0 votes5 answers -
Ширина viewport в iOS при смене ориентации экрана
В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?
0 votes6 answers -
Подскажите. как через стили наложить текст ссылку на картинку
Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.
0 votes4 answers -
CSS галерея
CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…
0 votes7 answers -
Как опустить меню и выровнить контент?
Добрый вечер! Как вы поняли у меня два вопроса, но прежде чем их задать, взгляните, как должен выглядеть макет (Макет). Что у меня получилось (ДЫК) Вопросы: Как опустить меню вниз? Как сделать высоту контента по высоте экрана, так, чтобы он не зависел от введённого текста? Ставил width: 100% страница вниз улетала. Поправка! Но если текста больше, чем высота страницы, то контент уже зависит от ведённого текста.Спасибо. <html><head><title>Hello</title><meta http-equiv="Content-type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="/css/style.css" /></head><body><div id="head"><nav clas…
0 votes2 answers -
Выравнивание по нижнему краю
Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.
0 votes5 answers -
Хром и Опера не видит шрифт.
Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.
0 votes4 answers -
Проблема с input в мобильном Safari
Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться
0 votes3 answers -
Помогите новичку.
Всем привет, я только начал изучать язык CSS и у меня сразу возникла проблема с выводом результата в разных браузерах. Итак: Создал отдельный файл style.css В нем написал простые команды: h2 {color:green;} body {background-image:url(bg_img.jpg);} Затем присоеденил этот файл к HTML файлу следующим образом: body итд. Внимание Знатоков вопрос! Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ? Зарание благодарен за помощь Klock :cool: .
0 votes18 answers -
Как подключить нестандартный шрифт?
Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?
0 votes11 answers -
PHP-вставка в Jade с новой строки
Здравствуйте! Начал осваивать шаблонизатор Jade и сейчас в рамках обучения переделываю свои WP-шаблоны (да, у меня на работе принимают проект только с натяжкой ). Есть такой код: <!doctype html><html> <head> <meta charset="utf-8"> <?php wp_head(); ?>Пишу его в Jade: doctypehtml head meta( charset='utf-8' ) <?php wp_head(); ?>На выходе получается: <!DOCTYPE html><html> <head> <meta charset="utf-8"><?php wp_head(); ?> </head></html> Возможно ли перенести PHP-вставку на новую строку с правильным отступом? И в целом, есть ли смысл пробовать верстать шаб…
0 votes19 answers -
как прописать кодировку в стилях
здравствуйте. Возник такой вопрос , можно ли указать кодировку непосредственно в стилях. Вот так: <div style=" тут указывается кодировка текста " > тут сам текст </div> Столь экзотический метод нужен для переделки шаблона ос коммерс, который у меня не распознает в некоторых местах кодировку . заранее спасибо))
0 votes11 answers -
Не получается растянуть header по ширине экрана
Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> <…
0 votes6 answers -
Программа для создания маленьких картинок.
Сейчас широкое распространение получили сайты, сохраняющие ваши картинки, фотографии и прочее. Вы загружаете картинку и получаете ссылку на нее и маленькую картинку, представляющую вашу большую картинку. Т.е. оригинальная картинка обрабатывается неким движком и на выходе получается маленькая картинка. Меня интересует, есть ли программы которые позволяют делать то же самое в "домашних" условиях? Т.е. я загружаю в программу свою картинку, указываю параметры изображения на выходе, и получаю маленькую картинку, которую сохраняю у себя на компьютере. В этой маленькой картинку уже автоматически проставлены разрешение и размер большой картинки. Есть такие программы?
0 votes10 answers -
Насколько Html Могучь?
Я вот не совсем понимаю. Смотрю там всякие shell.com, elyrics.net сайты, и они написанны на html. Так вот у меня возник вопрос, если такие крутые сайты на html... тогда.. не надо php изучать или как то так. В общем вопрос, как такие ресурсы делают, может как то просто подключается html или эти вереницы кода пишутся рукой..?? Короче будъте так добры, объясните, как всё обстоит на деле?
0 votes14 answers -
Пустой тег
Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!
0 votes5 answers -
Обрезка фона блока при уменьшении размера экрана
Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
0 votes3 answers -
Красивый эффект на сайте
Добрый день. Столкнулась с проблемой. Необходимо создать сайт в виде книги, то есть с эффектом перелистывания страниц, обязательное условие. Сначала думала решить через Flash, но рассмотрев примеры и исходники, найденные в просторах Всемирной паутины, обратила внимание на то, что они все выдают картинки, то есть текст оттуда скопировать нельзя. Мне же необходимо, что текст оставался текстом, а не превращался в набор пикселей. Можно ли такого эффекта добиться используя JS или jquery ? Я плохо знаю jquery, поэтому и спрашиваю о его возможностях, так же как и Flash, только - только начала изучать. В идеале, хочется максимально, насколько возможно, уйти от Flash, что бы пот…
0 votes11 answers -
Размер поля input
Народ, можно ли сделать так, чтобы input type='text' был относительный, а не абсолютный? Чтобы вне зависимости от разрешения экрана полее ввода было одинаковым относительно колонки. Пробовал ставить проценты, но что-то не пашет.
0 votes7 answers