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
-
Верстка html письма
Здравствуйте, подскажите как правильно верстать html письма?
0 votes9 answers -
Не работает transition
http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(
0 votes10 answers -
Как правильно объединить картинку и текст в одну ссылку?
Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?
0 votes8 answers -
Как задать непрозрачный фон ( background-color: #ffe;)
Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…
0 votes4 answers -
Firefox и text-overflow
Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…
0 votes12 answers -
Коммерческая верстка
Здравствуйте друзья. У меня такой вопрос, какой именно должна быть коммерческая верстка, чтобы знания верстальщика не нуждались в сомнениях как о хорошем специалисте? Если знаете может подскажете в письменном виде требования, не требования к конкретной задачи, а вообще к "хтмл верстальщику". Какие именно пункты в вашем сознании говорят вот эта страница сделана хорошо, а эта плохо? Извините заранее за некую за мудреность вопроса, я просто хочу знать критерии в данной области P.S. коммерческая верстка - я так думаю это верстка в коллективе, в какой нибудь веб-студии.
0 votes63 answers -
Кнопка в виде текста
Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.
0 votes3 answers -
мигающая картинка
как самым кратчайшим образом сделать, чтобы картинка мигала (менять параметр style: display)? Если есть возможность, приведите, пожалуйста, готовый код скрипта?
0 votes8 answers -
Конфликт background и padding
Добрый вечер уважаемые форумчане, спешу к вам за советом по следующему вопросу. При разработке дизайна столкнулся с такой проблемой: Имеется некий блок header в котором есть горизонтальный блок навигации по сайту. У header`а прописан background-image, а у ссылок в блоке навигации внутренний отступ от верхнего края блока. Хочу при наведении на определенную ссылку изменять background ссылки под курсором, как это делается я знаю, есть один момент о котором вы наверняка догадались из названия темы: padding-top ссылок конфликтует с background. При наведении на любую из ссылок в меню - background съезжает на уровень отступа ссылки, чтобы было проще и поняли о чем я рассказываю …
0 votes36 answers -
глюки текста в Опере!
Привет!Как сделать так что бы текст в ячейки таблицы был выравнен по ширине и не вылезал за границы таблицы в Опере.в других все работает!
0 votes7 answers -
Как нарисовать таблицу с помощью div
Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …
0 votes3 answers -
раскрывающиеся строки таблицы
Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?
0 votes5 answers -
Препроцессоры SASS и LESS. Автоматизация Front-end разработки
Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно
0 votes4 answers -
Псевдокласс :hover и соседние элементы
Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…
0 votes4 answers -
Автоматическое масштабирование сайта на мобильных устройсвах
Привет, ребят. В общем, есть один сайт и он не такой как все, а именно, все другие сайты при загрузке на телефоне автоматически уменьшаются под размер экрана, а этот наоборот, загружается сразу как будто уже приблизили, надо сделать так, чтобы он загружался уменьшенным как все сайты. Как это сделать?
0 votes16 answers -
Абсолютная ссылка без протокола
Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..
0 votes10 answers -
Выровнять форму по вертикали
Надо форму поиска выровнять в слое заданной высоты. Как не мучаюсь не получается. html <div id="search"> <form> <input type="text" /> </form> </div> css #search { height:30px; border:#666666 1px solid; } #search input { display:inline; vertical-align:middle; } не равняется хоть ты тресни
0 votes3 answers -
позиция рисунка в ячейке таблицы.
здравствуйте. не подкажете ли как явно задать позицию картинки внутри ячейки таблицы, т.е. принудительно указать отступ слева, сверху и т.д. п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу. спасибо.
0 votes26 answers -
Отмена наследования CSS для кнопок
Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…
0 votes9 answers -
высота div = высота окна браузера - 100px
Вот такая простая задачка: нужен слой, чья высота будет равна высоте окна браузера минус определенное число px. Скрипт для определения высоты найти не сложно: function findDimensions(){ var width = 0, height = 0; // переменные с шириной и высотой окна if(window.innerWidth){ // если браузер поддерживает метод window.innerWidth width = window.innerWidth; // присвоить ширину методом window.innerWidth height = window.innerHeight; // присвоить высоту методом window.innerWidth } // иначе если браузер не поддерживает метод window.innerWidth, else if(document.body && document.body.clientWidth){ // то если б…
0 votes4 answers -
Дробные значения в CSS
Нужно поделить резиновую страницу на 3 равные части. Примерно вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> body { min-width: 800px; } div.column { width: 33.3%; float: left; height: 500px; /*временно*/ } .first { background: #fc0; } .second { background: #cf0; } .third { background: #0cf; } </style> <body> <div class="column first"> </div> <div class="column second"> </div> <div class="column third"> </div> </body> </html> Проблема в ширине блока. Поставил 3…
0 votes14 answers -
Вопрос по IE
Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <t…
0 votes29 answers -
viewport для разных размеров экрана
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.
0 votes6 answers -
box-shadow + overflow:hidden
Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }
0 votes5 answers -
Стандарты
А какой стандарт вы предпочитаете использовать в работе? Просто тема для обсуждения.
0 votes27 answers