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
-
Для nurlan_1992
Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }
0 votes6 answers -
Проблема с лишней высотой при разных доктайпах
Исходные данные: <table cellpadding="0" cellspacing="0" width="" style="border: none;" align=""> <tbody> <tr> <td style="border: none;" background="design/images/box/tl.gif" width="3" height="3"></td> <td style="border: none;" background="design/images/box/t.gif" width="*" height="3"></td> <td style="border: none;" background="design/images/box/tr.gif" width="3" height="3"></td> </tr> <tr> <td style="border: none;" background="design/images/box/l.gif" width="3" height="*"></td> <td style="border: none;" valign="top" bgcolor="#fff"> <a href="ссылка"> &l…
0 votes2 answers -
box-shadow или background-image?
Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…
0 votes1 answer -
Очередной вопрос начинающего
Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> <…
0 votes7 answers -
Вебкиты браузеры и позиционирование
Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…
0 votes2 answers -
как отделить друг от друга одинаковый элемент?
вот наглядно http://jsfiddle.net/F2ayV/ не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий) и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно
0 votes5 answers -
полупрозрачный фон
Добрый день ! Подскажите чем можно реализовать эффект с шапкой, на сколько я понимаю это полупрозрачный фон, но у меня не выходят яркие цвета. Вот ссылочка шаблона: http://livedemo00.template-help.com/osc_40134/ Благодарю за ответ!
0 votes1 answer -
Как правильно написать анкор на картинку
Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?
0 votes2 answers -
Как реализовать необычное решение?
Здраствуйте уважаемые знатоки! Самому ни как не додуматься как реализовать.... в низу страницы вставлена карта, вторая её половина находится в футере, как всё это состыковать??????+ еще и шаьлон резиновый :dash:/> :dash:/> :dash:/> Выручайте!!!!!!
0 votes13 answers -
Chrome не отображает hover
Всем доброго времени суток! Делаю горизонтальное меню с помощью списков, столкнулся с прблемой: Google Chrome не отображает hover, т.е. при наведении курсора фон не меняется, в остальных браузерах работает нормально. Подскажите, как решить проблему, заранее благодарен. HTML: <div id="menu"> <ul class="menu"> <li ><a href="">ссылка 1</a></li> <li ><a href="">ссылка 2</a></li> <li ><a href="">ссылка 3</a></li> <li ><a href="">ссылка 4</a></li> <li ><a href="">ссылка 5</a></li&g…
0 votes4 answers -
Выравнивание трёх слоёв
В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…
0 votes1 answer -
При наведении на ячейку таблицы показывалась ссылка
Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <style type="text/css"> .over67 {background-color: #fff; font-weight: bold; cursor: pointer;} .out67 {background-color: #fff; font-weight: normal;} </style> <table> <tr> <td onMouseOver="className='over67'" onMouseOut="className='out67'" onClick="document.location='Здесь ссылка'"><img src="picture1.png" align="left">Файлы</td> </tr> </table>
0 votes6 answers -
Расстояние между слов
Мне нужно сделать чтобы заголовки были на некотором расстояние. И лучше чтобы это расстояние можно было регулировать. Картина у меня в ХТМЛ следующая: <div class="center"> <div id="font-size" class="container3"> <B> <a href='index.html'>Главная</a> <a href='simptomy.html'>Симптомы невроза</a> <a href='prichiny.html'>Причины невроза</a> <a href='lechenye.html'>Лечение невроза</a> </B> </div> </div>? Картина в CSS: .container3 { width: 1230px; margin-top: 20px ; margin-left: 10px; margin-bottom: 40px; } .c…
0 votes4 answers -
как получить данные из выпадающего списка
Помогите пожалуйста как сделать чтоб из выпадающего списка после выбора значения это значение текстом строчкой появлялось под этим списком <select name="spisok"> <optgroup label="Первая группа"> <option value="pt1">Пункт 1</option> <option value="pt2">Пункт 2</option> </optgroup> <optgroup label="Вторая группа"> <option value="pt3">Пункт 3</option> <option value="pt4" selected>Пункт 4</option> <option value="pt5">Пункт 5</option> </optgroup> </select> вот такой список
0 votes1 answer -
Как растянуть картинку по вертикали?
Доброго времени суток, форумчане! Подскажите пожалуйста, как растянуть картинку для фона по вертикали? Имеется сайт на Денвере Имеется картинка которая разрезана пополам, одну половинку нужно поместить в левую область (помеченную красным контуром) а другую в правую. Заранее спасибо! UPD: вот примерно то чего я добиваюсь Тыц
0 votes6 answers -
Как сделать слайдер?
Как сделать подобный слайдер? http://houseconcept.ru/
0 votes4 answers -
Резина)
Первый раз взялся за резиновую вёрстку, и вот тут у меня получилась хрень...мож кто подскажет?! у меня футер может наехать даже на хэдер =) прибит он к полу через position:absolute, bottom:0; Вот в обычном состоянии http://s017.radikal.ru/i432/1211/69/f11d81b167dc.jpg вот ,когда появляется прокрутка - http://www.radikal.ru/action.aspx код HTML: <!doctype html> <html> <head> <title>резина</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id="headbg"> <div id="logo"> </div> <div id="menu"> <ul> &…
0 votes5 answers -
Внутренняя тень
Нужно сделать внутреннюю тень для верхней и нижней границы в контейнере. Как это можно сделать?
0 votes6 answers -
Обрезается верх изображения
Добрый вечер. Здесь в банере почему-то обрезается правое изображение. Подскажите пожалуйста почему?
0 votes2 answers -
Верстка под движек
Добрый день! Столкнулся с проблеммой. Где можно доступно и поэтапно почитать про верстку под движек, в частности Joomla!? Нашел много материала, но всегда и везде резкие переходы. Вообще интересует где наиболее точно описан процесс верстки шаблона простого сайта визитки под Joomla!
0 votes4 answers -
js карусель
Нужен хелп, в jse не особо разбираюсь, брал готовый скрипт карусели, где картинки меняются по нажатию на кнопку, сечас сказали доработать и сделать так, чтоб со временем картинки ещё и сами прокручивались, мб поможет кто? вот скрипт: <script type="text/javascript"> $(document).ready(function(){ $(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед в…
0 votes1 answer -
Растянуть шрифт по вертикали возможно?
Здравствуйте. Не нашел в справочнике свойства, позволяющего растянуть вертикально шрифт. Пробовал сжать по горизонтали и затем увеличить размер шрифта, но это не дает нужного результата. Можно как-то растянуть шрифт по вертикали?
0 votes2 answers -
Fontsquirrel пометил шрифт пиратским. Как быть?
Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?
0 votes5 answers -
Форма
Здравствуйте, господа! У меня есть такая задачка: сделать форму, в полях которой будут "своего рода" ссылки. При нажатии на них, всплывает окошко, которое человек заполняет. И после этого данные ввода остаются в окне. Он должен заполнить все поля, и 2 выпадающих списка со временем и датой. И автоматически , время закрепляется за ним. и при следующем выводе страницы, эти поля уже заняты. И видны данные этого человека. Раз в неделю все данные в таблице сбрасываются либо автоматически либо при нажатии на кнопку, которая доступна только админу. Как можно такое сделать? НА каком языКе? Спасибо. контактный e-mail: genfon@mail.ru
0 votes0 answers -
Границы у таблицы
Реализовано таблицей. Подскажите как сделать такие границы, а именно как их вставить?
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-