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
-
Повторное использование свойства у одного селектора
Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?
0 votes2 answers -
Небольшое наблюдение из жизни лисьих
Приведу пару простых примеров (всё нижеописанное справедливо только для Mozilla Firefox 3.6.13, подобных проблем в других браузерах не наблюдалось): 1. Работает абсолютно нормально: <html> <style> #dlink:hover{color:#003399} #dlink {color:#0080FF} </style> <body> <div id='dlink'>TESTTTTTTTTT</div> </body> </html> 2. А вот такой вариант уже не работает: <html> <style> .dlink:hover{color:#003399} .dlink {color:#0080FF} </style> <body> <div class='dlink'>TESTTTTTTTTT</div> </body> </html> В принципе и второй вариант (с использованием класса для стиля, чтобы привязать hover) мо…
0 votes1 answer -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
Прилепить класс к низу
На странице в низу есть класс .novelty { float: left; width: 253px; height: 100px; padding: 0 0 0 6px; margin-left: -8px; Но когда страница пустая, оно поднимается вверх. Как можно сделать чтобы оно было привязано к низу?
0 votes2 answers -
Hr с разрывом текстом
Друзья, подскажите как сделать так?
0 votes3 answers -
WAP и WEB
Как сделать так, чтобы при попадании на сайт с компьютера открывалась WEB-версия сайта, а с телефона WAP-версия?
0 votes0 answers -
word-wrap: break-word для резинового блока
Собственно, сабж. Возможно ли? Есть ли еще варианты (включая новомодные радости типа флексбоксов и т.п.)?
0 votes1 answer -
Проблема при верстке HTML-письма (прошу помочь уважаемые спецы)
Здравствуйте, уважаемые спецы! У меня возникла следующая проблема: Отправляю письмо с помощью класса phpmailer. В текст письма вставляю следующее: $txt_a = "<a href='http://".$_SERVER['HTTP_HOST']."/?act=menu#top'>Посмотреть?</a>"; Но на почту приходит не в виде той ссылки, как я задумывал. Почтовый сервер "заворачивает" мою ссылку в своб ссылку, вот код письма, который пришел: <a href="<a href="http://mysite.com/?act=menu" target="blank">http://mysite.com/?act=menu</a>#top">Посмотреть?</a> Якорь #top вообще не понятно где, но дело не в нём (пробывал без него). В чём проблема, как ссылку послать на почту ссылкой?
0 votes3 answers -
Нужна помощь по меню
Здравствуйте! Сразу к сути вопроса Мне необходимо сверстать вот такое меню Сам сайт фиксированный а у шапки фон тянется во всю ширину окна с наложением повторяющейся текстуры причем у активного пункта меню тоже имеется такой же background и сами пункты должны быть резиновыми. Подскажите как это можно реализовать что бы это было кроссбраузерно и желательно без js.
0 votes4 answers -
320andup, compass, @viewport
Доброго времени суток. В css фреймворке 320andup, в файле _site.sass был найден код такого содержания: ... @-webkit-viewport { width : device-width; } @-moz-viewport { width : device-width; } @-ms-viewport { width : device-width; } @-o-viewport { width : device-width; } @viewport { width : device-width; } ... и из-за него не проходит компиляция в compass Аналогичный код находится во всех каталогах предназначенных для обработки css препроцессарами. Вопрос: Что это такое и несёт ли в себе какой либо смысл?
0 votes1 answer -
Реализация БЭМ на XML+XSLT
Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…
0 votes0 answers -
Сверстать, чтобы занимало меньше места
В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg
0 votes1 answer -
ISPManager
Кидаю все фаилы сайта на ISPManager, точнее в менеджер фаилов. В строке доменные имена ясное дело указываю название сайта. Перехожу по ссылке на сайт и ничего. Чито делать? Может я что-нибудь пропустил?
0 votes2 answers -
Организация ссылки
Здравствуйте. Подскажите, как реализовать переход по ссылке в следующем коде. Проблема в том, что id= изменяется.
0 votes3 answers -
подскажите плагин для всплывающего окна
Есть ли стандартные решения вот для такой вещи?. Если не жалко - дайте ссылочки
0 votes3 answers -
Как сделать обтекание diva картинкой, при любом экране
Необходимо чтобы при любом масштабе экрана, изображение прилипло с внешней стороны правой и левой Это делаются 2 картинки? С помощью чего можно реализовать Как пупсы тут ? И какого размера должна быть картинка , если на ней 2 элемента по бокам?
0 votes1 answer -
Синхронизация
Удалите это сообщение. Никто не отвечает.
0 votes0 answers -
z-index:-2 улетает за страницу. можно побороть?
привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?
0 votes4 answers -
верстка с паралакс-эффектом и caroufredsel в фоне
помогите разобраться с настройкой высоты и ширины картинок в caroufredsel. Я пытаюсь объединить параллакс эффект со слайдером caroufredsel в фоне. Но никак не могу добиться корректного отображения размеров картинок в слайдере Вот ссылка на fiddle:https://jsfiddle.net/user/pupsik111/fiddles/. А паралакс вроде бы работает.
0 votes0 answers -
Перенос лого по центру без медиа запросов.
Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li>…
0 votes0 answers -
Форум и чат на сайте
Кто нибудь подскажите как создать форум или чат на своём сайте? БУДУ ОЧЕНЬ БЛАГОДАРЕН!
0 votes2 answers -
Opera && <button></button>
Есть к примеру такая разметка и Opera 11.01 (в остальных браузерах работает нормально) По идее при нажатии на кнопку скролл не дожен прокручиваться, а он улетает вниз. Помоги те решить сию проблемку.
0 votes0 answers -
выровнять блок меню с любым количеством пунктов
подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…
0 votes3 answers -
Как это работает.
http://www.artlebedev.ru/kovodstvo/business-lynch/2011/09/21/ Очень понравилась фишка, когда жмешь с коментариями - появляется сопроводительный текст рисунки ттд... Также можно нажимать сочетанием клавишь на клавиатуре.. Пытался смотреть ХТМЛ - ничего не понятно CSS идет в середине кода.. Хотелось бы услышать от мастеров в двух словах - как это реализовано..
0 votes4 answers -
Помогите выравнить блоки по центру
Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…
0 votes2 answers