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=" тут указывается кодировка текста " > тут сам текст </div> Столь экзотический метод нужен для переделки шаблона ос коммерс, который у меня не распознает в некоторых местах кодировку . заранее спасибо))
0 votes11 answers -
Программа для создания маленьких картинок.
Сейчас широкое распространение получили сайты, сохраняющие ваши картинки, фотографии и прочее. Вы загружаете картинку и получаете ссылку на нее и маленькую картинку, представляющую вашу большую картинку. Т.е. оригинальная картинка обрабатывается неким движком и на выходе получается маленькая картинка. Меня интересует, есть ли программы которые позволяют делать то же самое в "домашних" условиях? Т.е. я загружаю в программу свою картинку, указываю параметры изображения на выходе, и получаю маленькую картинку, которую сохраняю у себя на компьютере. В этой маленькой картинку уже автоматически проставлены разрешение и размер большой картинки. Есть такие программы?
0 votes10 answers -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|
0 votes7 answers -
Верстка под OperaMini
сайт zareadka.ru емулятор оперы мини http://www.opera.com/mobile/demo/ показывает ужос. что не так с версткой?
0 votes10 answers -
Тупые углы на CSS
Ребят, всё утро бьюсь и мучаю гугл. Нужно при помощи CSS оформить тупые углы с левой стороны, как вот тут: Уже шарики за ролики скоро поедут , дайте хотя бы идеи как это сделать. Спасибо за ранее.
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 -
Пустой тег
Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!
0 votes5 answers -
tooltip для картинки
Здравствуйте. Подскажите, как могу реализовать что-то типа тултипа для картинки. Чтобы при наведении на картинку выходила небольшая область с текстом. Желательно, чтобы в текст можно было еще вставить и ссылку. Может можно как-то ALT или TITLE описать таким образом? Даже пример нашел, только не понял, как сделано. сайт ввв.imo.by/furniture-about.php
0 votes6 answers -
Как подключить нестандартный шрифт?
Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?
0 votes11 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 -
Красивый эффект на сайте
Добрый день. Столкнулась с проблемой. Необходимо создать сайт в виде книги, то есть с эффектом перелистывания страниц, обязательное условие. Сначала думала решить через Flash, но рассмотрев примеры и исходники, найденные в просторах Всемирной паутины, обратила внимание на то, что они все выдают картинки, то есть текст оттуда скопировать нельзя. Мне же необходимо, что текст оставался текстом, а не превращался в набор пикселей. Можно ли такого эффекта добиться используя JS или jquery ? Я плохо знаю jquery, поэтому и спрашиваю о его возможностях, так же как и Flash, только - только начала изучать. В идеале, хочется максимально, насколько возможно, уйти от Flash, что бы пот…
0 votes11 answers -
Прижать футер
Помогите прижать футер. вот код <!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=utf-8" /> <title>Костюмные ткани, лето</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div id="main"> <div id="header"> </div> <div id="container"> <div id="logo"> </div> <div id="menu"> <ul> <li><a href="index.html">О компании</a>&…
0 votes17 answers -
Высота DIV
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…
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 -
Как верстать сайты большой ширины ?
Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…
0 votes6 answers -
Позиционирование элементов внутри ячейки
Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр
0 votes7 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 -
:not(first-child)
Как можно применить стиль ко всем элементам, за исключением первого? :nth-child(n+1){} не помог.
0 votes4 answers -
Насколько Html Могучь?
Я вот не совсем понимаю. Смотрю там всякие shell.com, elyrics.net сайты, и они написанны на html. Так вот у меня возник вопрос, если такие крутые сайты на html... тогда.. не надо php изучать или как то так. В общем вопрос, как такие ресурсы делают, может как то просто подключается html или эти вереницы кода пишутся рукой..?? Короче будъте так добры, объясните, как всё обстоит на деле?
0 votes14 answers -
Визуальный баг в Photoshop
Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!
0 votes9 answers -
Бекграунд дива в зависимости от высоты и без скриптов
Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…
0 votes10 answers -
Ширина viewport в iOS при смене ориентации экрана
В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?
0 votes6 answers -
Выровнять фрейм как надо
<body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…
0 votes2 answers -
Размер поля input
Народ, можно ли сделать так, чтобы input type='text' был относительный, а не абсолютный? Чтобы вне зависимости от разрешения экрана полее ввода было одинаковым относительно колонки. Пробовал ставить проценты, но что-то не пашет.
0 votes7 answers -
Удалить неиспользуемые классы в css
Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …
0 votes3 answers