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
-
help
почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …
0 votes5 answers -
Позиционирование блок
Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?
0 votes1 answer -
Блок в блоке,сохранение состояния предка
Добрый день! Столкнулся с проблемкой: есть такая структура: <ul> <li><a><img src="images/xxx.jpg"</a><div class="text">текст описания</div></li> </ul> Должно выглядит это следующим образом: Когда мышка не наведена: на объект выводится картинка, на ней выводится текст, ближе к низу. Картинка в рамке. Когда мышка наведена: цвет рамки и текста меняется, текст становится подчеркнутым, рамка меняет цвет. Это все реализовано, но возникает баг - когда мышка наводится на текст, рамка меняет свой цвет на тот, который был!! Как сделать так чтоб цвет рамки оставался прежним, когда мышка наводится на текст? Посоветуйте пожал…
0 votes3 answers -
Chrome удручает...
Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом. В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... вотЪ... прилагаю скрины и код: google chrome: firefox: сделал видными границы border="1" код с элементом таблиц: <div align="center"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td colspan="6" width="100%"> <img src="header.bmp" width="100%"> </td> </tr> <tr> <td colspan="6" width="100%"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td width="…
0 votes11 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> <style type="text/css"> *{ padding: 0;margin:0 } body{ height:100%; min-height:100%; overflow: hidden; } #maincontent{ background: red;position: fixed; _position:absolute; right:0;top:0;bottom:0; height:100%; left:300px; /*width:600px;*/overflow: auto; } #framecontent{ position:absolute; width:290px; background: yellow; top:0;left:0;right:0; bottom:0; } </style> </head> <body>…
0 votes1 answer -
Бывает ли Русская рыба?
Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?
0 votes4 answers -
Наезд блока на текст
Есть блок как на картинке нужно сделать чтоб сердечко обтекал текст, тоесть оно должно быть всегда снизу и его должен всегда обтекать текст, мучаюсь несколько дней ничего немогу придумать, <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word; width: 500px;" class="mess_list" id="mess_list_102"> <div style="float:left;"> <img src="/fw/s.jpg" width="80" height="80" alt="none" /><br /> <span class="indbox_text_color">28 сентября 2011<br /> (16:35:21)</span><br /> <span class="indbox_text_color">От:</span> …
0 votes5 answers -
плывет куда то вверх!
http://itmages.ru/image/view/292346/a7a7a318 что за?!
0 votes3 answers -
плавающий логотип
добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?
0 votes2 answers -
Проблемы с кроссбраузерностью
Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.
0 votes4 answers -
Опять про количество nav на странице
Сейчас верстаю, у меня на сайте аж три блока nav (каталог услуг, сгруппированный по двум разным признакам, и список страниц вроде "Контакты", "О нас" и т.п.), причём ещё каждый продублирован в подвале – итого шесть. Это как, не многовато? Вопрос вдогонку: можно вкладывать внутрь nav два ul-списка? В моём случае что-то типа <nav class="services"> <ul class="services-by-user"></ul> <ul class="services-by-type"></ul> </nav> Целесообразность такой группировки услуг оставим в стороне, это не я решаю.
0 votes1 answer -
Текст смещается!
вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!
0 votes3 answers -
Проблема с ссылками
Здравствуйте. У меня такая проблема - мне нужно разместить 4 кнопки на шапке сайта. В ксс прописал: #but1 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 346px; } #but2 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 505px; } #but3 { position: absolute; height: 31px; width: 108px; display:block; padding-top: 346px; padding-left: 660px; } #but4 { position: absolute; height: 31px; width: 108px; display:…
0 votes6 answers -
как сделать меню?
как сделать такое меню http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html какие есть варианты?
0 votes11 answers -
Убрать надпись "отправить запрос"
Как убрать надпись "отправить запрос", на кнопке(исп. картинку)? <input type="submit"> Если поставить type="button" надпись убирается но данные в форму не отправляются...
0 votes2 answers -
Фикс-Резина-Фикс
Здравствуйте, возможно уже обсуждалось (если да то обязательно поищу), но хотелось бы узнать можно ли сделать на дивах такое: <table> <tr> <td width="200px"> Lorem ipsum dolor sit amet, praesta enim formam unitas reddere nominabat princeps </td> <td> Lorem ipsum dolor sit amet, cellam modico illius famem sago specie de </td> <td width="200px"> Lorem ipsum dolor sit amet, nutrix rex in deinde vero diam dominum sit aliquip ipsa hospes. Bene dictis veni perfrictione cogente iniquam deus Hellenici silentio 'genus ei, reflexionis suo Proiciens te princeps ea com </td> </tr> </table> Сделал бы…
0 votes3 answers -
Block position: absolute - ширина блока
Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?
0 votes5 answers -
Прилип!
проблема. когда отдаляю сайт, картинка уменьшается но сайт так сказать "прилип" к левому боку, а мне надо, что бы фон уменьшался с обоих сторон, равномерно http://wowlol.ru/ как тут например)) а у меня текст уменьшается, оставаясь на месте, а картинка уменьшается, прилипая к левому краю...
0 votes8 answers -
Блок поверх флэша
Привет всем. У меня все время появляется проблема с видимостью блока когда на сайтах есть флэш. Как бы блок не могу отображать поверх него. Это мне надо например в меню, под меню находится флэш и когда наводиш выпадающий меню из-за флэша не виден. Я посмотрел только Opera правильно показывает а все остальные браузеры игнорируют z-index. Что можно делать в таком случае? Создал простой документ для наглядного просмотра http://jsfiddle.net/CAM9B/1/ Там напишите .flash-banner {display:none} и увидите блок а так он под флэшом
0 votes2 answers -
Заполнение ячейки
Как создать эффект заполнения ячейки, если картинка не подходит по размерам под ячейку? Закругленные края при размножении по X видны с правой стороны. Мое предположение - размножать также по X, но стартовую точку поставить где-то по середине предыдущей картинки (но как это сделать?). Может кто-нибудь знает ответ? Заранее спасибо всем.
0 votes1 answer -
Background
Привет всем! У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?
0 votes9 answers -
Центровка В диве с заданым width
Всем привет, объясните в чем разница? http://bs.lelsa.ru/sss/ есть страница DIV content лежит в диве с с шириной 2560 px, и центрируется относительно дива. http://www.boerdam.nl/#volgende Здесь тоже самое с такой же вложенностью, но центрируется относительно ширины экрана, при этом тоже находится в диве с фиксированной шириной больше экрана, чего и я пытаюсь добиться. В чем же мать его волшебницу проблема?)
0 votes1 answer -
Выравнивание группы слоев
В гугле куча статей как выровнять слой по центру, а о том как группу подобных слоев выстроенных в ряд с float:left; например списка <li> - не нашел на первых двух. Если подумать, то выровнять группу можно заключив их в слой с известной шириной и дав ему маржин 0 ауто. А если количество юнитов не известно, а если не в один ряд, ну тут наверно динамически нужно задавать слою обертке ширину через jquery. Еще можно дать слою display: inline-block; вместо флоата и поместить слой в таблицу 100% с одним столбцом, которому прописать align="center". Вот css: #nav li{ display: inline-block; width: 100px; height: 100px; background: red; margin: 10px; list-style: none; …
0 votes0 answers -
position:fixed vc iPad
Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.
0 votes0 answers -
Подсказка ссылки сбоку от текста
хотелось бы вывести все подсказки ссылок в тексте сбоку от текста. как это можно сделать? можно вставить в текст ссылки <span>, описать там подсказку и с помощью css выводить этот текст слева от текста. но это громоздко. хочется взять именно title ссылки. возможно ли это?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-