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 style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>
0 votes9 answers -
Учение верстки
Добрый всем день. Нужна ваша помощь, покидайте ссылки на изучение верстки, желательно видеоуроки, если даже платные. очень нужно, Буду очень признателен.
0 votes5 answers -
не понятные всевдоклассы
Подскажите почему для input не работают псевдоклассы before/after???? http://jsfiddle.net/C5hWY/1/ если место инпута сделать ссылку <a> то все работает =\
0 votes6 answers -
Как отобразить текст со стороннего сайта?
С картинками все просто - указал ссылку в img и все. А как с текстом? <div class="fileURLs"> <ul><li id="file_1">blablabla</li></ul> <div class="filelist-summary"> <span class="fltlft">Всего: <strong id="totalFilesBefore">5 файлов</strong> файлов общим размером <strong id="totalSizeBefore">5.5 Гбайт</strong></span> <span class="fltlft">Последний раз обращались сегодня. </span> <span class="success fltrt"></span> </div> </div> как отобразить фразу "5.5 Гбайт" со стороннего сайта на другом ?
0 votes3 answers -
Глюк движка хрома? Или проблема в верстке?
Здрасте всем! Давно я тут не был ) Вот проблема: http://leveler.ru/spman/ главное меню при наведении курсора в хроме оставляет куски меню за собой: Обновился до 28 версии - та же фигня. Остальные браузеры (FF 22, IE 10/9/8, O12) ведут себя хорошо. Подскажите дураку, в чем причина может быть?
0 votes2 answers -
Помогите разобраться с selectс
Всем доброго дня! В общем, решил сделать переход между категориями сайта при помощи select, так как их достаточно много. Всё получилось, куда надо переходит, но, к сожалению, не сохраняет выбранный вариант при переходе в категорию. Там точно такой же код. <select size="1" onchange="window.location.href='http'+'://site.ru/mon/'+this.options[this.selectedIndex].value+'-0'"><option value="0" style="color:#A3A3A3;">- Категория -</option><option value="1">Выживание</option><option value="2">Креатив</option><option value="3">PVP</option><option value="4">Whitelist</option><option value="5">Без PVP</opt…
0 votes5 answers -
Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!
<input placeholder="Не работает" type="text" maxlength="50" required=""> ::-webkit-input-placeholder { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } :focus::-webkit-input-placeholder, :valid::-webkit-input-placeholder { -webkit-transform: translateY(-20px); -webkit-transform: translateY(-20px); }
0 votes8 answers -
подскажите пожалуйста как верстать буллеты (списки выгод с иконками)
здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.
0 votes4 answers -
Как сделать подобные эффекты?
Как сделать такие эффекты, как на этом сайте http://white-photo.ru/ ? Я имею в виду "выезжание" блоков?
0 votes6 answers -
Адаптивная верстка
Здравствуйте, я бы хотел кое-что для себя прояснить. Веб начал осваивать можно сказать на днях, и наткнулся в интернете на такое понятие как адаптивная верстка. Вот меня мучает такой вопрос - нужна ли сейчас кому-либо фиксированная верстка или же сейчас все требуют адаптивную. То есть нужно ли мне практиковаться в фиксированной верстке, либо начать осваивать адаптивную? Кто регулярно верстает макеты просьба поделиться информацией, и подсказать какие-нибудь хорошие источники по данной теме. Спасибо всем за внимание.
0 votes3 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 -
fancybox content "под ним"
Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)
0 votes4 answers -
В слайдере не отображаются боковые кнопки навигации, в чем проблема?
Добрый день! Проблема в том что на сайте http://tomatto.esy.es/ в слайдере не видны боковые кнопки навигации, они не видны но если сбоку справа или слева нажимаешь то кнопки работают. Помогите в чем проблема?
0 votes2 answers -
Подпись на картинке через position: absolute не работает
На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло
0 votes3 answers -
Натяжка на CSM
Доброго времени суток, помогите разобраться) у меня такие вопросы, я сделал макет сайта(простой даже не оформленный) для проверки онлайн игры, соответственно есть регистрационная форма и сам сайт) не наполненный не оформленный просто коды, но для проверки сойдет, мне нужно натянуть его на какую то csm, и еще это все подключить к хостингу, если и в этом разбираетесь, то хостинг я хочу выбрать свой ноут, есть вертрига, но смогу думаю установить и другие сборки, В общем суть такова, есть клиент игры, есть недосайт, и ноут, мне нужно чтобы это все связалось, а желательно недосайт и ноут, игру я смогу подключить к базе сайта
0 votes1 answer -
Несколько табов на странице
Ребят помогите пожалуйста. https://codepen.io/brezze/pen/yPmvRv На странице будет много таких табов, мне нужно что-бы если я кликал на вкладки нижнего таба, в верхнем не убирался класс current и текст оставался всегда видимым. Как этого достичь ?
0 votes1 answer -
Как состыковать два изображения без разрыва
Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…
0 votes3 answers -
Высота слоя = высоте картинки
Всех с праздником! Есть значит слой такого вида: <div> Text1 <img class="FLL" src="/pic.gif" width="200" height="200"> Text2 Text3 Text4 </div> style.css: IMG.FLL {float:left;} Все отображается правильно, а именно: Название новости, а под ним: слева картинка, справа текст. только, если высота Text2,3,4 выше высоты картинки. Вопрос, как сделать, чтобы слой заканчивался по нижнему краю картинки, а не сразу под текстом? (новостей (слоев) много, и картинки разных размеров, текст бэкграунда и цвет слоя разный) И, бонусный вопрос, к предыдущему. Чтобы еще текст центрировался по вертикали относительно картинки. Но это наверно слишком круто... Заранее спасибо …
0 votes2 answers -
Помогите разобраться с шириной обертывающего слоя
Здравствуйте.. Никак не могу разобраться в следующей проблеме (страница, где можно это увидеть - http://script.idhost.kz/XHTML_tpl_test/index.html): имеется слой (красного цвета), который содержит 2 других слоя: - синий, шириной 1000px - зеленый, шириной 100% при уменьшении окна браузера менее чем на 1000px по логике обертывающий слой (красный) должен обернуть синий слой, ширина которого = 1000px, и при этом зеленый слой шириной должен быть 1000px. Но на деле выходит так: ширина красного слоя = ширине видимой части окна, и, соответственно, зеленый слой = такой же величине.. Весь день проводил опыты, но неудачно.. Эффект который требуется, можно заметить в Opera или FF,…
0 votes5 answers -
вопрос по list-style-type
Вопрос следующий: мне нужно сделать список где цифры должны быть выделены жирным шрифтом а все остальное обычном Пример: 1. Бла бла 2. Бла бла 3. Бла бла Нумерацию я делаю через decimal. т.к. если ставить none то строки будут переноситься под цифру Пример: 1. Бла бла бла бла бла бла бла а нужно что бы было Пример: 1. бла бла бла [пробел]бла бла бла Так вот... как мне сделать нумерацию жирным шрифтом? )
0 votes2 answers -
Хочу разобраться в резиновой верстке.
Хочу разобраться с макетами для новичков, опубликованных на форуме. Первый же из них нужно сделать резиновым. Так как не занималась резиновой версткой то, есть вопросы: 1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях? 2. как контролировать элементы внутри блока, если внешний блок резиновый? 3. на что нужно делать акценты в первую очередь при резиновой верстке? 4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?
0 votes5 answers -
Помогите с позиционированием.
Сражаюсь уже день, в итоге получается расположить или все в столбик, или все в линию. Source Css ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;} ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;} * html ul#content li{display:inline;} *+ html ul#content li{display:inline;} Html <ul id="content" > <li> <div style="height: 420px;width: 740px;" ></div> </li> <li> <ul> <li> <div style="min-…
0 votes8 answers -
Crisp, smooth и sharp в вёрстке
Дизайнеры страсть как любят в фотошопе сглаживать шрифты. Насколько я знаю, нет возможности повторить те же эффекты средствами css. Гуглинг результатов не дал. Может, у кого-то есть толковые способы имитации?
0 votes4 answers -
Подключение плагина для радиобаттона
Всем Привет. Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге: <i class="myVirtualRadio">? Такого по моим планам возникать не должно Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон? Убирается почему 'галочка' то только с радио под названием 'шестой'? Остальные не реагируют... (Буду признателен — если кто подскажет...) Js код выглядит следующим образом: var myClassRadio = document.getElementsByTagName('input'); var virtualClassRadio = document.getElementsByT…
0 votes6 answers -
Помогите: неправильно вычисляется высота body, как только появляется вертикальный скролл
Эффект наблюдается на этой странице: http://makeup.vertyagina.ru/prof-makeup.html (я сейчас на ней тестирую новую вёрстку) Эффект можно пронаблюдать в браузере масштабируя размер шрифта (Ctrl + колёсико мыши) Пока вертикального скролла нет, всё работает как задумано... Как только он появляется, высота body сразу начинает вычисляться неправильно и абсолютно позиционированные блоки съезжают, например фон footer'а прижатый к низу страницы выезжает на середину. Я там понахимичил со слоями (z-index) и div position:relative, но ещё раз повторюсь пока скрола нет, всё работает как задумано... ломаю голову, помогите кто может может кто знает отгадку...
0 votes2 answers