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
-
Макет n-torrents
Мне всегда нравился дизайн сайта n-torrents, к моему удивлению даже макет его есть. У меня есть проблемка с фонами. Вот я отключил кое какие ненужные слои чтобы разобратся с фоном и что я увидел: http://s020.radikal.ru/i719/1406/bc/769155fab3ac.png много фонов, сверху есть яркая полоска которая репитится по оси x, ее можно и градиентом сделать,но я решил задать background, укзал цвет зеленный для всего блока див и прописал путь к картинки и репител по всей длине x вот исходный код: http://jsfiddle.net/QbLH2/ если посмотреть еще, там еще есть фоны, снизу полоска темная, в центре линии, по какой технике это все лучше осуществить? могу через множественные фоны css3, но тогда…
0 votes4 answers -
Куда сдвинуть блок(и)?
Всем привет) Вот сайтик http://texteredsa.besaba.com/marca/ в хедере 3 блока, где лого, поиск и корзина. при уменьшении экрана, куда их сдвинуть лучше будет и какие сдвинуть чтобы адаптив лучше сделать? а то уже пару часов парюсь и не очень получается.
0 votes5 answers -
Виртуальная(?) ссылка
Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.
0 votes3 answers -
Как сверстать противоположенную стрелку на слайдере
Подскажите пожалуйста как правильно сверстать стрелки переключатели на слайдере, с первой вроде получается да? а вторую не знаю как прилепить... вот моя попытка: http://jsbin.com/mupetamoca/edit?html,css,output
0 votes1 answer -
Выступ текста в теге <pre> при переносе
Есть текст в теге pre с переносом слов. Можно ли как-то сделать выступ на перенесённый текст (начинался бы с красной линии)? Есть: Нужно: Сам текст: <pre> 19.25 Тема дня. 19.40 “Се человек”. Художественный руководитель Национального академического театра балета Республики Беларусь Валентин Елизарьев. 20.10 Криминальная хроника. 20.40 Колыбельная. 21.00 Панорама. 21.50 Кто это? 22.00 “Рожденная революцией”. Худ. фильм. 1-я серия. 23.10 Концертный сезон. Белорусские народные песни в исполнении Нины Ковалевой и инструментального ансамбля Белтелерадиокомпании. </pre> Перенос текста формируется так: pre…
0 votes1 answer -
Смазываются картинки в мобильных устройствах
Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.
0 votes1 answer -
Проверка адаптивности в отладчике Chrome
Добрый день! Поясните как правильно проверять на адаптивность работу сайта. Столкнулся с такой ситуацией что, прописанные мной, медиа запросы не работают, если в отладчике я нажимаю на "Toggle device mode"-рабочая область окна сужается до нужных мне 480px по ширине, но сам сайт не перестраиваеться под мобильную версию, он изменяется в масштабе. Но вот что странно для меня - если я буду просто уменьшать ширину рабочей области окна в ручную, путем растягивания отладчика, то все мои медиа запросы отрабатывают. В чем может быть суть ситуации? Некорректные медиа запросы написаны?
0 votes2 answers -
Почему то можно менять размер фрейма. HTML
Здравствуйте, я начал заниматься веб разработкой можно сказать только что. Думаю как и что расписывать не стоит. Суть проблемы в следующем. Я делаю два фрейма. Первый это под меню. Второй фрейм это контент. И вот в первом фрейме(меню) в браузере можно менять размер. Скорее всего что то не так в коде. Повторюсь что я можно сказать вот вот занялся веб, поэтому я такой тупенький. САМ КОД: <html> <head> <title> Название </title> <alt="Тоже название"> </head> <frameset rows=" 10%, 90% " > <frame src="menu.html" > <frame src="content.html"> </frameset> </html> P.S. ищу себе мастера…
0 votes0 answers -
создать текст поверх двух картинок
Задача: 2 картинки с текстом на их поверхности нужно разместить на одной линии Как сделать? Я сделал так ( не получается) : <div class="foto1"> .foto1{ <img src="#"> display: inline-block; </div position: relative; float: left; <div class="foto2"> } <img src="#"> img:{ </div …
0 votes0 answers -
проблемы с Лид формой
Всем привет. Столкнулся с какой-то ошибкой в коде, при вводе номера телефона в Лид форму на ПК и iPhone все нормально, а вот с андроид сбивается формат и не отправляется заявка, если не удалить черточки
0 votes1 answer -
Не заменяется картинка
Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…
0 votes1 answer -
Альтернативная станица на английском
Здравствуйте. Я пятый день как учу html, абсолютный новичок. Хочу сделать альтернативную страницу на английском. Написала код - вроде верный (файлы index и indexen расположены в одной папке на рабочем столе компьютера). Код не работает. Не понимаю почему. Погуглила - вроде все правильно, сделала ссылку на файл без указания наименования папок, так как расположены файлы в одной и той же папке). Знающие люди, помогите что не так <html> <head> <meta charset="utf-8"> <meta name="keywords" content="HTML, сайт-визитка WEB-разработчика"> <meta name="description" content="Сайт-визитка WEB-разработчика"> <title> …
0 votes0 answers -
создание и редактирование файлов при помощи JS
У меня есть вот такой вот код с помощью которого отлично создаётся текстовый файл на винчестере. Проблема что этот код работает тольтко в IE, но не работает в Opera и Mozilla Firefox var fso, f1; fso = new ActiveXObject("Scripting.FileSystemObject"); f1 = fso.CreateTextFile("c://testfile4.txt", true);
0 votes1 answer -
Переход по якорям с одинаковым именем в пределах одной страницы
Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому) есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому <p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p> ... <p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p> ... <p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p> Требуется для то…
0 votes3 answers -
Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...
0 votes2 answers -
Верстка карточки товара
Суть такая сверстать что то типа карточки товара, но текст описания всегда разный, должен выравниваться по вертикали, а картинки должны быть на одном уровне. Сверстать желательно div <div class="block"> .................. </div> или может списком <ul> <li> ............... </li> </ul> Но проблема в том как сделать выравнивание картинки зависим от количества текста, чтоб картинка во всех блоках (одной строки) была на одном уровне!? _http://imagepost.ru/images/t/ov/tovar.gif
0 votes8 answers -
таблица с select'ами
Ребят, помогите пожалуйста привести таблицу в приятный глазу вид. _http://yourspotolki.ru/kalkulyator.html <table cellspacing="0" cellpadding="5" border="0"> <tbody> <tr> <td>Тип полотна (белые полотна ПВХ)</td> <td><select name="Cp" onchange="Calc.calc()"> <option selected="selected" value="0"> </option> <option value="1">матовый 1,53м (Россия)</option> <option value="2">сатиновый 1,53м (Россия)</option> <option value="3">матовый 1,9м (Россия)</option&…
0 votes0 answers -
выравнивание по центру
как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?
0 votes5 answers -
Веб-программисты! Сюда!
Интересно послушать а как вы стали веб-программистом? В каком порядке учили языки, как именно учили каждый из них, какие читали книги (авторы) и как практиковались? Сам я еще нуб, поэтому хочу пойти по следу опытных людей)
0 votes2 answers -
Префикс в названии класса
Часто вижу такие названия классов, например:.b-logo, .l-foter. Собственно возник вопрос зачем люди пишут эту букву-префикс в названии класса?
0 votes1 answer -
проблема с резиновым меню
Вот код: <html> <head> <title>Javascript</title> </head> <body> <style> nav{ margin:12px 5% 12px 5%; outline:1px solid red; height:61px; } nav ul{ overflow:hidden; } nav li{ background:red ; width:229px; float:left; margin-right:1%; height:61px; text-align:center; } </style> <nav> <ul> <li class=""><a href="#"><span>gh</span></a></li> <li class=""><a href="#"><span>yu</span></a></li> <li class=""><a href="#"><span>ytu</span></a></li> <li class="" ><a href="#"><span>ytuty</span></a…
0 votes3 answers -
Как можно сэмитировать браузерный zoom-in zoom-out
Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...
0 votes1 answer -
Равномерное изменение фона блока и :after треугольника
Можно ли как то сделать, чтобы треугольник и блок, одинаково меняли цвет в желтый и из желтого? http://jsfiddle.net/npofopr/bpvr0avu/ Сейчас скачек большой. Треугольник запаздывает.
0 votes1 answer -
едет верстка и не все элементы центруются
Здравствуйте такая проблемка при верстке возникла, что при изменении маштаба хедер и контент выравниваются по центру, а футер прикреплен к левому краю, в css указан margin: 0 auto; для wrapper. Плюс весь текст остается так же у левого края. Как зацепить его к элементам? пример ниже, сорри если криво вставил. За нижнюю часть не надо говорить пока ибо не доделал, наткнувшись вот на эту дрянь, да и на чистоту кода пока не грешите В общих чертах <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> <link rel="s…
0 votes3 answers -
Помогите сделать таблицу
Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом
0 votes5 answers