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
-
Атрибут NAME
Вопрос очень прост: атрибут name по спецификации может быть у любого элемента страницы?
0 votes1 answer -
Некорректно отображается шрифт в FF3
Заказчик прислал такой скриншот: http://www.picamatic.com/show/2008/10/20/0...6_1280x1024.jpg у него надпись "art project..." вверху отображается некорректно — часть букв искажена. В моем Firefox или других браузерах такого не наблюдается... Можете проверить, у кого-то есть такой же эффект? Ссылка sparrows точка org.ua/?en
0 votes2 answers -
Имитация фреймов (картинка внутри)
Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…
0 votes14 answers -
Резиновый трех колонных макет
Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu
0 votes9 answers -
не получается сделать с помощью css
День Добрый всем! который день бьюсь над двумя проблемами: 1.формление меню 2.оформление заголовков 1.оформление меню: Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое). что пробовала: вот например такой код: border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; создает края у всей области меню а не у кнопок... а такой: background:#fff url(images/menu_bg.gif) bottom repeat-x; или такой: background:#fff url(images/menu_bg.gif) bottom repeat-y;заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой) еще пыталась через свойства: border-right-style…
0 votes3 answers -
max-width, ie6 и ширина в процентах
У меня такая проблема: есть див с картинкой в бекграунде и свойством width заданном в процентах. При расширении экрана когда ширина блока становится больше ширины картинки - вылазит ненужный background-color. Что бы этого избежать использовал свойство max-width, и для ie6 использовал width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 427 ? "427px" : "auto"); В этом случае max-width для ie6 работает, но отключается width заданное в процентах и как следствие блок нормально не сужается. Кто-нибудь может посоветовать как это решить...
0 votes3 answers -
Вертикальное выравнивание в li
Парни, второй день не могу понять, в чём дело. Есть горизональная менюшка (headermenu), нужно сделать так, что бы текст в ней выравнивался по вертикали, в IE всё красиво, но в Опере и ФФ текст меню прижимается к низу. вот код css: #headermenu { position:absolute; right:0px; top:231px; height: 33px; background: #d60000 url(images/menu_bg2.gif) repeat-x; line-height: 33px; z-index:2; } .headerm { padding: 0; text-transform: uppercase; font-weight: 100; } .headerm li { float:left; list-style-type:none; } .headerm li a { display:block; padding:0 11px; text-decoration:none; color: #fff; letter-spacing:1px; letter-spacing: -1px; font-size: 11px; } .headerm li a:hover { color:…
0 votes7 answers -
Равномерное распределение блоков по горизонтали
Всем здрасти. На днях столкнулся с совершенно не ориднарной (для меня) проблемой. Попробую объяснить суть на примере. Есть блок, ширина которого меняется. Внутри него нужно равномерно распределить 5 картинок шириной в 50px каждая, причем так, чтобы левая картинка была прижата к левому краю (без отступов), правая - к правому, а 3я была бы точно по центру. В добавок к этому расстояния между картинками должно быть одинаковым. Все, что я сумел придумать, либо дает отступы у крайних картинок, либо не одинаковые расстояния (
0 votes18 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
0 votes6 answers -
Длинные списки , таблици, формы
Если имеется большая таблица (видна только часть записей), например список товара, как правильно возвращаться к той-же записи? Когда конкретную запись редактирую (или меняю например количества товара) или добавляю при "перерисовки" страници целиком вижу только самую верхнюю часть таблици. Это совсем не удобно каждый раз после манипуляций искать ту запись с которой что то делал. Пока идей нет как сделать правильно и удобно. Подскажите есть ли стандартные уже наработанные решения для этого?
0 votes2 answers -
Пролема т нарезкой заднего фона
Всем дня! Пмогите люди добрые, такая фигня, надо нарезать задний фон вот таким образом, сверху чтобы через repeat-x тоесть горизонтальный повтор, боковые одинаковые тоже repeat-x горизонтальный повтор. тоесть при любом разришении экрана даже при окне в 640 на 480 не должно появляться скролеров... ######################################################### ######################################################## я ещё пока чайник в особенности с задними фонами, но чтото подобное я видал уже. возможно это был ява скрипт... вот тут например http://playergodz.de пробовал с дивами, чёт нифига не получилось..
0 votes4 answers -
":hover" в строке, а не в файле и не в стилях
=) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)
0 votes10 answers -
Несколько вопросов по вёрстке...
В общем - сразу к делу. 1. Нужно сверстать макет из 4-х колонок... С этим нет проблем... Но когда я все эти дивы помещаю в див-обертку - мои столбцы отображаются поверх него... Ширина и высота не известны... Всё зависит от контента... <div> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div> </div> ————--> div.col { float: left; width: 25%; } Что я не так делаю? Или это анрил? O_o 2. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…
0 votes21 answers -
разный scc в зависимости от разрешения монитора пользователя
Друзья, пожалуйста, нужен JS-скрипт определяющий разрешение монитора пользователя и подключающей необходимый css файл. К сожалению поиском не нашел.
0 votes4 answers -
как узнать точное расположение элемента?
как узнать точное расположение какого-либо элемента? если у меня в фотошопе нарисована страница и мне надо разрезать и перенести ее в хтмл - то как мне узнать точное расположение какой-либо кнопки или картинки? как вообще проф. дизайнеры добиваются точного совпадения страницы с тем что было в фотошопе?
0 votes5 answers -
Как разместить баннер?
Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.
0 votes4 answers -
Что делать в место слов квадратики
Скачал шаблон.Изменил текст, а при просмотре через нет видны квадратики. Показывает кодировку Юникод (Utf-8) Меняю на Кирилица( windows-1251) Все нормально видно почему так. Просветите пожалуйста.
0 votes9 answers -
Проблема с миганием в ИЕ7
Ниже приведнный код не работает в ИЕ. Может кто-нибудь знает как решить проблему???? .warning { text-decoration: blink; }
0 votes7 answers -
Проблемы с табличной версткой в IE
К сожалению, не осилил верстку дивами (я честно пытался, и не один день!), поэтому пришлось делать все таблицей. Везде показывается нормально, кроме любимого браузера. http://sparrows.org.ua/about.php?en Итак, структура страницы такая: Так вот, в IE меню съезжает в самый низ страницы. Это как-то можно вылечить?
0 votes7 answers -
_blank
Скажите как зделать чтобы картинки в опере открывались в новом окне а не в новой вкладке. Использую target="_blank" Нужно зделать как здесь -http://www.ruexp.ru/photo/section.php?SECTION_ID=149
0 votes3 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=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…
0 votes2 answers -
Прозрачность
Сделал меню на css. Решил сделать его полупрозрачным. Столкнулься с 2 проблемами: 1.Поставил в ul opacity - все подменю меняют прозрачность по нарастающей. 2.Надписи тоже становятся полупрозрачными - вроде есть решение, текст в отдельный div пихать - но в случае со сложным каскадным меню делать этого не хотелось бы.
0 votes5 answers -
Проблема масштабирования в IE7
В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…
0 votes23 answers -
Расположение полосы прокрутки
Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>
0 votes10 answers -
Вопрос
Народ кто нибудь знает, можно ли сделать так что-бы блок div имел рамку, которую можно было бы растягивать курсором? или видел ли такое кто нибудь?
0 votes4 answers