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
-
Отверстать меню сайта с резиной
Добрый день ) Не могу разобраться как отверстать шапку сайта, и чтобы она была резиновой. Суть вот какая. В шапке сайта изображение слева - Логотип, правее от нее идут 4 кнопки. Логотип прижимается к левому боку, оставшееся пространство должно занять 4 кнопки, причем занять так, чтобы они занимали 25 процентов от оставшегося пространства в контейнере div за вычетом размера изображения логотипа, т.е. чтобы если расширять окно блок под кнопку увеличивался, но не учитывал размер логотипа. Надеюсь понятно задал вопрос. И заранее большое спаисбо
0 votes1 answer -
Это css синтаксис или Gantry 4 FrameWork?
Здравствуйте. Разбираю .less файлы. Встречаю такое: li { margin-right: 0 !important; &.active { ...Это синтаксис Gantry Framework?
0 votes1 answer -
Помогите, пожалуйста, с версткой!
Верстаю первый сайт, некоторые вещи не получаются( Здравствуйте, вот начал верстать первый сайт и возникают проблемы, которые забирают много времени. Вот например: нужно разместить лого в шапке. Нужно сделать отступи логотипа от краев шапки, а получается от краев сайта. Html: <div id="header"> <div id="logo" img src="img/logo.jpg"></div> Css: #logo{ width:105px; height:105px; position:absolute; top:30px; right:30px; }
0 votes1 answer -
раскрывающийся список
пожалуйста помогите сделать раскрывающийся список (он долже размещатся в <div>)
0 votes1 answer -
Формула по центру
Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?
0 votes0 answers -
Выравнивание списка.
Привет всем! Буквально десять дней назад начал изучение HTML и СSS, три дня назад создал свою первую страницу, элементарную. Получилось неплохо, но вот в чем проблема: у меня на странице есть два ненумерованных списка, которые идут один за другим, так вот суть проблемы в том, что второй список выравнивается по первому и получается больший отступ от левого края страницы. Чтобы не быть многословным привожу скриншот. Скриншот Пока что не могу понять, что я сделал неправильно. Фрагмент кода:
0 votes2 answers -
прошу помогите
Начну с начала мне 15 лет. Живу в Армении . Позавчера пришла моя посылка . Я заказал 3д вакуумный печь.(чтобы наносить рисунки на чехлы, майки, крушки и т.д.) В Армении никто еще не дает услуги чтобы создать индивидуальный чехол. И пожалуйста подскажите как скопировать с этого сайта ""http://donprinton.ru/designer?z=tm"" только конструктор остальное на шаблонах построю. Буду очень благодарен если поможете. Спасибо
0 votes2 answers -
Подскажите select плагин
Надо чтобы в option можно было писать разметку. В итоге нужен такой вид ну и собственно в открытом состоянии для других пунктов может быть другой шрифт/цвет и так далее. upd. Что то я туплю, можно списком вывести и без селекта..
0 votes2 answers -
Подскажите как разверстать макет
Здравствуйте. Подскажите, пжл, как решить следующую задачу: необходимо создать макет из трех строк заполняющих окно по высоте на 100%. <html> <head></head> <body> <table style="height:100%; width:100%"> <tr height="20%" style="background-color: red"><td> </td></tr> <tr height="60%" style="background-color: yellow;"><td><div id="problemDIV" style="overflow:auto; height: 400px"><div id="programmaticHeight" style="height: 900px"></div></div></td></tr> <tr height="20%" style="background-color: green"><td> </td></tr> </table> </body> </…
0 votes0 answers -
Не хочет отображаться активная ссылка навигации
Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…
0 votes1 answer -
Помогите решить проблему с поиском на сайте
Здравствуйте, есть такая пробелема с поиском: В активном состоянии появляется некий бордер, который не нужен.. хотя в css естественно его нету, пробовал убрать его вот так: #search .text:active { border:none; } бесполезно Вот поиск не в активном состоянии:
0 votes2 answers -
Авто рястягивание Iframe по содержимому
Есть галерея на jquery. Посмотреть тут. Фотка открывается в фрейме. Хочу туда же залипить контактовский блок с комментариями. Но вот незадача - div в котором открывает фрейм не растягивается по содержимому внутри. то есть появляется скролл при привышении высоты блока. Как можно это решить?
0 votes0 answers -
Хелп Не могу решить задачу ))
Добрый день всем , подскажите пожалуйста , целый день ломаю голову и ничего не получалается , суть проблемы: http://my.jetscreenshot.com/19320/20131023-4ln5-42kb есть два списка , первый это список с картинкой , второй список ниже с названием , при наведении на название выделяется область ссылки , и красится в красный цвет. 1.Как сделать чтобы при наведении на название красилось еще и в красный цвет рамка сверху списка картинки. 2.как сделать чтобы при наведении убиралась прозрачность и появлялся просто красный цвет (прозрачности добился с помощь opacity) спасибо! 3.текст я поместил в спан , не могу добиться того чтобы он ушел на пару пикселей ниже , а если пытаюсь сдвину…
0 votes2 answers -
Ширина и отступы в дивах
CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…
0 votes0 answers -
Проблема с подключением шрифтов @font-face
Помогите пожалуйста разобраться, в чем дело. Подключаю шрифт таким образом: @font-face { font-family: HelveticaNeue; src: local('HelveticaNeue'), url('HelveticaNeue.ttf'); } body { font-family: HelveticaNeue; font-size: 45px; } На чужом компьютере все работает, а на моем нет. Подскажите пожалуйста, из-за чего это может быть, и как решить данную проблему?
0 votes0 answers -
dreamweaver_cs5
привет всем) не судите строго за вопрос может для кого-то он покажется тупым но я только изучаю и прошу помощи разобраться в программе dreamweaver_cs5 потом мне не понять как залить свой сайт в нет,где найти нормальный домен с хостингом(бесплатный) что-бы работал с dreamweaver_cs5 если кто сможет обьяснить буду очень благодарный!!!
0 votes1 answer -
<table> в XHTML 1.1
Доброго времени суток, уважаемые. Открыв для себя строгий язык верстки XHTML 1.1 увлёкся им и валидатором. Но, тут же столкнулся с проблемами невосприимчивости браузеров, а именно: Абсолютным не проглатыванием команд height: и vertical-align: (Первое для установления процентного значения величины высоты таблицы, второе для вертикального выравнивания) Посоветуйте, чем заменить.
0 votes1 answer -
Стили смешиваются
Делаю сайт и задался вопросом как создать мобильную версию. Нашел что с помощью Media Queries можно реализовать. Но вот когда я подключаю стили и захожу на мобильную версию, то сайт выглядит плохо так как стили перемешиваются вместе, а по идеи они должны отключаться. Например мы зашли на мобильную версию, то style.css должен отключиться, а так не происходит, кто может сказать в чем дело? <link rel="stylesheet" media="only screen and (min-width: 100px) and (max-width: 10000px)" type="text/css" href="style.css"> <link rel="stylesheet" media="only screen and (min-device-width: 32px) and (max-device-width: 10000px);" type="text/css" href="style_mobile_v2.css"> Ср…
0 votes0 answers -
Резиновая вёрстка + img
Тему можно удалить
0 votes0 answers -
Не тянутся inline блоки
<Закрыто>
0 votes0 answers -
Реально ли сделать такой блок тянучкой?
Реально ли сделать такой блок тянучкой? Вообщет проблема вот в чем: По идее синий узорчатый фон ставим под низ и сверху ставим рамку с прозрачностью, НО: нужна прозрачность и по углам, чтобы просвечивал внешний фон, но если я там ставлю прозрачность, то там вылезет синий фон. А если делать кусочно - левая часть, центр, правая, то синий фон не состыкуется.
0 votes3 answers -
Меню
Приветствую, верстаю свое 1 меню. Возник вопрос, как сделать пункт "Меню" по центру блока <ul>? и все ли правильно я делаю? http://jsfiddle.net/35XYL/
0 votes2 answers -
редиррект с www.domen.com на domen.com в файле .htaccess
Скажите пожалуйста, как настроить редиррект с www.domen.com на domen.com в файле .htaccess Вот в Яндексе есть опция выбора главного зеркала, в Гугле раньше была, сейчас уже нет. Похоже что через гугл-вебмастер это не решается. В сайтмап указал всё БЕЗ www. Яндекс схватил всё правильно БЕЗ www, а вот Гугл - как-то непонятно, есть странички и С и БЕЗ www
0 votes1 answer -
Карта-изображение в новом окне
Добрый день. Известно, что имеется способ "увеличить" мелкий рисунок из текста,выводя его в новое окно: <a href="images/stories/karta-maxi.png" target="_blank"> <img src="images/stories/karta-mini.png" /> </a> В связи с этим вопрос: Можно ли сделать так, чтобы на одной странице среди текста стояла маленькая картинка-ссылка для открытия ее большого карты-изображения в НОВОМ окне? При этом это увеличенное изображение в новом окне должно быть КАРТОЙ ссылок! Все найденные мной указания, в том числе и здесь http://htmlbook.ru/content/karty-izobrazheniya, сводятся к созданию карты прямо на текущей странице, без "переброса" на другую.
0 votes0 answers -
Проблемы с валидатором
Прошу помощи, подключаю мета теги через пхп, при проверке на волидность валидатор выдает: Line 5, Column 1: character data is not allowed here ? ? You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include: putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For m…
0 votes0 answers