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
-
IMG MAP AREA - координаты в процентах
Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>
0 votes6 answers -
Статистика браузеров
Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%
0 votes42 answers -
textarea с прозрачным фоном
можно ли в textarea сделать прозрачный фон, чтобы был виден background на котором оно находится?
0 votes6 answers -
Fieldset в Firesfox
Элемент Fieldset в Firefox 3.5 уходит вверх. Во всех остальных браузерах всё идеально одинаково. Какое может быть решение проблемы? Открываем в Firefox, чтобы увидеть проблему CSS прямо в исходном коде смотрите.
0 votes43 answers -
Вертикальное выравнивание
Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …
0 votes16 answers -
Примеры верстки
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
0 votes0 answers -
Смещение элементов дизайна при изменении масштаба в браузере
Всем, приветик! Подскажите, пожалуйста, что можно сделать в такой ситуации: Вот страничка http://innana2007.narod.ru/index2.html Когда масштаб в браузере равен 100% - все нормально, но стоит только его изменить, как все отдельные элементы начинают разъезжаться вправо. И выглядит все вот так http://innana2007.narod.ru/design/Sait1.jpg
0 votes10 answers -
Есть ли хак для IE9?
Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?
0 votes11 answers -
Размеры LI
Возможно задать минимальную высоту и ширину у тэга <li> ? Есть меню навигационное. У каждой кнопки прописан background (размер которого width:90; height:40) Пробовал #mainmenu ul li { width: 90px; height: 40px; min-height: 40px; min-width:90px; } Не выходит. Задать можно только размерность UL
0 votes12 answers -
Что за параметр VA в Photoshop
Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?
0 votes1 answer -
Прижимание div position:absolute справа
Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…
0 votes2 answers -
раскрывающийся список с +-
Подскажите или дайте ссылку на ресурс. Как создать вертикальный раскрывающийся список со знаком + слева от <ul>. При нажатии на + или на <ul>, список раскрывается и знак + меняется на -. Один уровень вложенности.
0 votes6 answers -
всплывающая подсказка title и ее стилизация
Всем привет. Возник вопрос: как к всплывающей подсказке добавить стилей css(изменить ширину, цвет текста и т.д.) и вообще возможно ли это?
0 votes2 answers -
Создание ссылки на скачивание текстового файла
У меня такая проблема есть текстовый файл (file.txt) делаю ссылку на файл <a href="file.txt">Сылка</a>. После нажатия на ссылку должно открыться окно скачивания файла а у меня файл в html странице открывает а если файл к примеру с расширением *.doc то выскакивает окно. Помогите как можно написать ссылку на скачивание текстового файла так что бы выскакивало окно скачать файл.
0 votes5 answers -
Вопрос по техническому алгоритму создания сайта
Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.
0 votes31 answers -
криво все....кроссбраузерность.. или может что еще не верно...
В общем делал делал, вроде было все готово, в мозиле все ок, а у другого человека все отображается криво... У меня тоже по разному, в частности в ие.. Делаю картинку справа больше по размеру- она из хедера вниз уе3жает, и весь дизайн уходит влево.... Добавляю текста в нижний правый блок, - форма криво начинает отображаться Еще, например, туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... В ие вообще огромное растояние откуда-то взялось в центре... пробовал в общий контейнер дива запихнуть, ( было чисто из отдельных дивов ) не помогло.. что я делаю не так? помогите плиз...…
0 votes45 answers -
как выделить выбранный пункт в css меню
Здравствуйте. Наверное начну с того, что именно мне нужно. Вот есть горизонтальное css меню и надо сделать так, чтоб например при выборе раздела "Photoshop" цвет (картинка) вкладки менялся на какой нибудь другой, ну чтоб пользователь видел в каком разделе он находится. Эор можно сделать средствами CSS? .top-menu { height: 28px; padding-left: 30px; position: absolute; } .top-menu a { display: block; float: right; text-decoration: none; color: #3b3b3b; z-index: 10; width: 111px; display: block; height: 28px; text-align: center; line-height: 28px; background: url(../images/top-menu2.png) left top no-repeat; margin: 0 0 0 -7px; …
0 votes8 answers -
Помогите сделать плавно выпадающее меню
<div id="menu"> <ul> <li><a href="#">Выпадающее меню</a> <ul> <li><a href="#">Сторінка 1</a></li> <li><a href="#">Сторінка 2</a></li> <li><a href="#">Сторінка 3</a></li> </ul> </li></ul></div> #menu ul { font: 14px arial; display: inline-table; position: relative; margin: 0; padding: 0; width: 100%;}#menu li { float: left; list-style: none; width: 100%; text-align: center; }#menu li a { text-decoration: none; display: block; color: black; bac…
0 votes3 answers -
Основы технологии CSS
Дубаков М. - Веб-мастеринг средствами CSS (.pdf) Основы технологии CSS; Отделение контента от дизайна; Легкая верстка слоями; Советы профессионала Каскадные таблицы стилей (.chm) Климонтович. В. - CSS справочник (.chm) Мержевич. В. - Справочник по CSS (.chm) 16.74 MB http://depositfiles.com/files/itk2flt5e http://s3.filesdump.com Для распаковки архива нужен архиватор WinRAR Если нуждаетесь, скачайте Winrar 4.65 (Crack + Rus) 3.58 MB
0 votes35 answers -
Разбиение чисел по 3 разряда
Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.
0 votes3 answers -
отцентрировать текст в колонке
Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???
0 votes16 answers -
Обрезание и разворачивание текста
Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?
0 votes12 answers -
Выровнять текст возле картинки
Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>
0 votes11 answers -
Выстроить блоки в круг
Задача: в одном блоке расположить 3 штуки или больше по кругу или по треугольнику острием вниз. В блоках информация от постов, код <div class="my-blok"> <div class="1"> <div class="2"> <div class="3" style="background: none center center no-repeat !important;"> <a href="<?php the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" alt="" onmouseover="this.src='<?php echo nimble_portfolio_get_meta(''); ?>'" onmouseout="this.src='<?php echo $src[0]; ?>'" /> </a> </div>…
0 votes12 answers -
Про вложенные DIV и width
Прошу помочь, вроде искал но что-то безупешно. Проблема такая: есть 4 блока, один родитель, три остальных ? дети. CSS: .navnotselected { width: auto; height: 51px; float:left; } .navtext { text-align: center; width: auto; margin-top: 5px; margin-left: 17px; margin-right: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none; } } .navnotselectedbar1 { width: 100%; margin-top:1px; height:2px; background: #dcf1ff; } .navnotselectedbar2 { width: 100%; height:4px; background: #dcf1ff; width:100%; } и HTML <div class="navnotselected"> <div class="navtext">Text</div> <div class="navno…
0 votes7 answers