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
-
Верстка диагонального меню
Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.
0 votes33 answers -
Таблицы
Подскажике, как можно в ячейке таблицы изменить направление текста с горизонтального на вертикальный. Т.е. повернуть на 90 градусов?
0 votes22 answers -
как убрать background в iframe в IE
собственно вопрос, как убрать background в iframe в IE, уже пробовал и background: none; и background-color:none; и прозрачный gif ложить на фон, все равно не помогает нужно избавится от ифреймового фона
0 votes6 answers -
Параметр overflow не работает
Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…
0 votes2 answers -
Мои вопросы
Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?
0 votes52 answers -
как растянуть сайт на весь браузер если на странице мало контента
в общем есть вот такое нужно получить либо такое либо такое подскажите как это сделать, пересмотрел кучу всего, есть статьи про выравнивание сайдбароа, пробовал предложенные техники не сработало
0 votes21 answers -
Рамка вокруг страницы. XHTML
Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…
0 votes3 answers -
Полное закрашивание ячейки таблицы под текстом
Вот такой вопросик назрел. Есть таблица. У нее свой класс CSS. Есть текст из БД. он заполняет собой ячейки таблицы соответственно. Задача: в зависимости от тех или иных значений подсветить другим цветом некторые ячейки таблицы. При этом доступа к нету.И надо чтобы ячейка закрашивалась целиком а не просто выделялась часть ячейки под текстом другим цветом. как я себе это мыслил Какое то значениеПри этом этот див находится внутри однако при таком способе как раз подсвечивается только часть ячейки - та что под текстом. А надо бы для эстетичности чтобы подсвечивалась вся. Кто нить представляет как это реализовать?
0 votes13 answers -
4 div расположить рядом друг с другом
Здравствуйте! Есть такой код: Его содержимое генерируется скриптом, и поменять его вроде как нельзя. Однако можно менять очередность <div class=view-field*> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field-created-1"><span class="field-content">07</span></div> <div class="views-field-created"><span class="field-content">05/10</span></div> <div class="views-field-title"><span class="field-content"><a href="/%7Ealexd/drupal/?q=node/2" class="active">Недавно был запущен новый проект</a></span></div> <div class="vi…
0 votes6 answers -
При наведении на ссылку меняется картинка внутри ссылки
Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…
0 votes4 answers -
Как сделать всплывающее окно с увеличенной картинкой?
Доброе утро! Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере? Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/# Очень нужно!
0 votes9 answers -
Как сделать отступ текста от верха ячейки
Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки
0 votes4 answers -
полоса прокрутке в мазиле
Хочу поменять цвет скроллбара, в ИЕ он меняется отлично. А вот в файрфоксе не меняет нивкакую. Вот код. div.module-v{ scrollbar-base-color: #88715b; } Порылся в инете, вроде пишут, что ФФ не поддерживает этой функции. Но я не верю. неужели могучий и вездесущий ФФ не может перекрасить обычную полосу прокрутки в нужнуй мне цвет?
0 votes29 answers -
Получить список шрифтов используемых в PSD, есть ли такая фича в фотошопе?
Здравствуйте уважаемые форумчане! В иллюстраторе есть такая функция FIND FONTS и там можно сохранить в формате TXT шрифты которые использованы в проекте, есть ли что то на подобие в фотошопе? Или только щелкать по каждой текстовой надписи?
0 votes5 answers -
А нельзя-ли создать сайт без CSS?
Если нет ,то почему????
0 votes5 answers -
Помогите с css
Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…
0 votes33 answers -
IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали
Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…
0 votes9 answers -
Как растянуть сайдбар по высоте, вровень с контентом?
Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>
0 votes3 answers -
срезаемый бордюр-картинка вокруг резинового блока без html5
Здравствуйте! Чем-то напоминает соседнюю тему с "ушами". Нужно, чтобы вокруг резинового блока, позиционированного по центру по горизонтали, была картинка-бордюр, но при минимальной ширине экрана, этот бордюр (по горизонтали) обрезался, т.е. чтобы его не было видно и не появлялась горизонтальная полоса прокрутки. Если бы ширина блока была фиксированной, то можно было бы повесить бэкграунд на боди, например как тут (при ширине окна 950рх не появляется горизонтальной полосы прокрутки, и рамку не видно). Но как это реализовать при резиновой ширине блока? Вот примерная картинка: . Пока представляю, только как это можно сделать таблицами, и то не совсем. Этот код совсем не рабо…
0 votes26 answers -
Верстка на иврите
Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)
0 votes4 answers -
цвет текста в ячейках таблицы средствами css
Здравствуйте как задать цвет текста во всехя ячейках таблицы через класс css. Ещ? правая и левая граница ячеек не видна. Код: .shapka { font-family: "Times New Roman"; font-size: 17px; color: ffffff; border-right-color: white; boder-left-color: white; padding-top: 1px; padding-bottom: 1px; border-bottom-style: none; border-top-style: none;padding-left: 10px; border-right-width: 2px; border-left-width: 2px } <table class="shapka" cellspacing="0" bgcolor="333333" width="100%"> <tbody> <tr> <td width=22%><A href="www.tehn-litera.glavn.ru" title="Главная страница" target="_blank"> Главная</td> <td wudth=22%><A href="www.teh…
0 votes15 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
Ищу шрифты Nobel
Большая просьба ко всем, у кого есть шрифты семейства Nobel в любом формате поделиться. ШРифт очень нужен для разработки сайта - должен быть основным. Заранее спасибо. de_la_guarda@bk.ru
0 votes6 answers -
CSS селектор по двум классам
Доброе время суток, подскажите пожалуйста. Имеется таблица <table> <tr> <td class"a b"></td><td class"a"></td><td class"a b"></td> </tr> <tr> <td class"a"></td><td class"a b"></td><td class"b"></td> </tr></table>.b{background-color:grey;}.a{background-color:red;}.a.b{background-color:green;}класс "a" динамичный, мне необходимо, чтоб ячейки c классом "а" окрашивались в красный цвет, а если там еще присутствует класс "b" в зеленый, а если нет класса "а" то класс "b" в серый
0 votes1 answer -
Позционирование картинки "с ушами" по центру окна
Привет. Есть макет 2 колонки 970px фиксированный (хедер, левый сайдбар, контент, футер). Между хедером и контентом есть картинка больше размера body (неоднородная переходящая в фон) 1222px (типа с ушами слева/справа). Задача была чтобы картинка всегда была по центру, а при сворачивании окна, "уши" картинки прятались слева/справа, под окно браузера. Короче, я ее спозиционировал относительно. Проблема в появлении горизонтальной прокрутки, может кто подскажет как убрать? картинка: Код css: html, body { margin:0 auto; padding:0; border:0; width: 970px; background: #f7d100; } .centerimage { position:relative; left: -125px; width: 1222px; height: 300px; } код html: &l…
0 votes39 answers