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
-
Рамка - изображение
Здравствуйте. Подскажите пожалуйста как сделать изображение рамкой при помощи CSS?
0 votes5 answers -
прозрачный фон
Всех приветствую Столкнулся с проблемой, нужно сверстать страничку таким образом: 1. в самом низу лежит растянутая на весь экран картинка 2. на ней блок с полупрозрачным фоном пишу вот такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title> test </title> <style type="text/css"> html, body { margin: 0; padding: 0; } #background_image { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0.40; } #con…
0 votes6 answers -
Растянуть часть background'а
Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…
0 votes23 answers -
правильное структурирование страниц
Добрый вечер. делаю первый сайт. ПРимерно на 200 страниц. Для удобства в дремвивере создал папки по разделам, например books ; films, articles....и т.д. В них тоже есть вложенные папки со страницами. Вот когда я на сервер их кину, то сайт будет прописываться так: www.mysyte.tu/articles\Stytia? Если да, то выходит едиенственное решение, это все страницы держать в одной папки. И вот...на сео это сказывается?
0 votes12 answers -
Подскажите, как можно сверстать такое?
Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?
0 votes23 answers -
Работа с IFRAME, длина по материалу...
Доброе время суток, я ранее не когда не использовал IFRAME, но сейчас при реконструкции моего портфолио столкнулся с небольшой проблемой, хотя и проблемой это назвать тяжело, но вроде всё работает хорошо, дело в том что всё идёт так: у меня идёт небольшой блок с превьюшками(мини-картинки) при нажатии на которые с низу будет выводится материал..., но материал разных размеров, в плане высоты... то есть фиксированная ширина у меня стоит 847px, а длина у самого блока плавает в зависимости от материала, примерно от 500px до 800px подскажите пожалуйста - возможно ли, как то выставить auto, что бы длина IFRAME ориентировалась по длине вложенного материала(без прокрутки)... ? За …
0 votes7 answers -
Opera произвольно меняет картинки. Почему бы?
Столкнулся с проблемой - виндовая опера меняет картинки на странице случайным образом... в других браузерах все в порядке, в линуксовой опере все хороше и в маковой. Проблема только в опере и только в винде. Версии оперы разные... начиная с 8.х... Валидатор показывает что все в порядке, по крайней мере на главной странице, остальные чистить буду позже... вот http://validator.w3.org/check?uri=http%3A%...ine&group=0 Сама страница: http://wless.ru/ Интересно что опера так глючит не на всех сайтах... копался в исходниках но не нашел взаимосвязи... Подскажите, сталкивались ли вы с таким и как эту проблему решить?
0 votes12 answers -
Скрытие поля прокрутки
Подскажите насчёт 2х вопросов? 1. как на простой html странице сделать подобную прокрутку (без использования фреймов) и как потом скрыть полосу прокрутки?
0 votes4 answers -
svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…
0 votes2 answers -
Проблемы с таблицами в IE
Сейчас я редактирую скин для форума, и сделал по обеим сторонам колонки в виде картинок формата png Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <% GENERATOR %> <% CSS %> <% JAVASCRIPT %> </head> <body> <table width="1078" align="center" cellpadding="0" cellspacing="0">…
0 votes2 answers -
Opera и размер в % для картинок.
Воспользовавшись посиском нашел следующее: 1. Задвать ширину картинки в процентах. 2. Использовать фоновый рисунок, он в случае "невлезания" будет обрезан. 3. Применять скрипты, которые станут проверять ширину окна и менять изображения или их ширину. 4. Сверстать макет под ширину 800 (1000) пикселов и не мучиться с браузером. 5. Повесить предупреждение на страницу: если у тебя монитор 15" и разрешение 800х600 - ты дурак и пошел прочь с моего сайта. Меня интересует пункт "1". Но, в Opere если ставишь размер картинки в %, она не отображается. Вычитал что для контейнера в котором висит картинка надо ставить "overflow", попробовал ничего не вышло. зы Вообще былобы, удобно е…
0 votes6 answers -
Градиент в ячейке
Возможно ли задать фон в ячейке рисунком(в моем случае градиент). Пример: у меня есть ячейка ширина 20%, высота 100%. Туда вставляю маленькую картинку градиента, задаю ей ширину и длину по 100%. Она отлично расширяется по горизонтали, но совсем нехочет расширятся по вертикали(или расширяется не на 100%). какой еще способ предложите?
0 votes3 answers -
5 тупых проблем в верстке=)
Сабж) Так обьяснить долго.... вопросы реально тупые .... но я уже не могу осваивать Ваш css =) Кароче говоря надо помочь в 5 реально тупых вопросах=))) Эт....взамен напишу отзыв о Вас на каком нибудь сервисе типа weblancer или сиче. icq 998-53-48 не оставьте нуба в беде=)
0 votes15 answers -
В Ie Список Сползает
Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_men…
0 votes4 answers -
фигня с таблицами
есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?
0 votes1 answer -
Как указать класс для списка?
Как указать класс для маркированного списка, задающегося тегами и [*], чтобы стиль CSS применялся только для данного списка, а не для всех ссылок на странице, у которых есть теги и [*]
0 votes2 answers -
Background
Как сделать так что бы бэкграундная картинка не размножалась а было адно и по цетру?
0 votes3 answers -
Как выравнить DIV по ширине и высоте на 100%
Возникла трудность.... помогите решить е? _ Выравнил слой (#portfolio_vkrace) по ширине и высоте на 100% вставляю в него ещ? слой (#portfolio_vkrace_img) с картинкой и с заданным размером по ширине и высоте и выравниваю слой #portfolio_vkrace_img по леваму краю (float:left) и слой #portfolio_vkrace в mazile всегда оста?тся одного размера (в IE вроде нормально работает) вот адрес к странице: http://test.kapriz-spb.ru/portfolio1/ Часть исходного кода html: <div id=content> <div id=dimg><img src="/img_kapriz/kaprize_16.png" width="433" height="228"></div> <h1>портфолио</h1> <div id=portfolio_vkrace> <div id=portfolio_vkrace1>…
0 votes4 answers -
Ярлые На Сайт Вместе Со Значком
как сделать, чтобы посетитель мог соохранить на его сайт ссылку (ярлык, shortcut) на сайт, но вместе со значком, чтобы отображалось красиво? например, когда сайт загружается, то favicon.ico но он до поры, пока очистят кэш. к тому же, в моём ico есть значки разных размеров и на рабочий стол и куда угодно. хотелось бы всё это преподать вместе с ярлыком-ссылкой на интернет ресурс. если знаете - подскажите решение, или ссылку, где написано, куда копать?
0 votes3 answers -
На движке Metronic
Подкинули мне такую вакансию. требуется врестальщик с опытом Скил - Boostrap 3 , jQuery, JavaScript, CSS ,HTML Задача создать Панель по уже готовым эскизам (макету) на движке Metronic (https://keenthemes.com/metronic/) Что значит на движке Metronic? Это просто макет или нечто большее?
0 votes3 answers -
вопрос по позиционированию
Здравствуйте. Подскажите плз как в одном блоке разместить часть текста слева, а часть - справа? и еще: между двумя колонками в опере появляется полоска, как от нее избавиться?
0 votes9 answers -
Выравнивание ячеек в соседних таблицах
Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода
0 votes8 answers -
позиционирование по центру экрана.
всем добрый день. проблема в следующем: есть div с шириной 1450px, таких размеров требует его содержимое. <body> <div class="wraper"> его нужно спозиционировать по центру экрана причем скрол должен появляться только если ширина меньше 1000px. а до этого момента содержимое блока должно прятаться часть с левой стороны экрана и часть с правой стороны экрана. подскажите плиз как это сделать.
0 votes5 answers -
Как поменять местами два блока средствами CSS ?
В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".
0 votes2 answers -
Социальные кнопки в ряд
Здравствуйте, помогите пожалуйста поставить социальные кнопки фейсбука, гугла и т.д. ровно в ряд, у меня очень скромные знания в сss, а сами по себе кнопки стоят как попало. Мне же надо чтобы они тупо стояли в один ряд, одинаково по ширине и высоте. Всем заранее спасибо за помощь. Вот пример этих кнопок, хотя это и не критично..
0 votes6 answers