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
-
kak zamenit shablon
u mena sait na ucoz servere, i xachu zamenit shablon.vi ne padskajite gde mojna naiti xaroshi shablon i kak zamenit!?
0 votes1 answer -
Крякозябры в IE
Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…
0 votes15 answers -
Проблема с динамической высотой в div
Никак не могу понять, где я так нагрешил, но высота div'а content не становится динамической...а он служит тут как раз еще и фоном надо получить разметку как на картинке красный - content с динамичной высотой желтые - topcon, medcon и botcon соответственно зеленые - это остальные дивчики наполнения есть код <div class="content"> <div class="topcon"> <div id="leftcol"> <div id="logo"> </div> <div id="menu"> <ul id="uno"> <li><a href="#">Новости</a></li> <li><a href="#">Камины</a></li> <li><a href="#">Топки</a></li> &…
0 votes0 answers -
Psd макеты
Здравствуйте,нужна ваша помощь!Подскажите как правильно нарезать psd шаблон,что бы впоследствии можно было получившиеся картинки использовать в создании сайта(фотошопом владею очень слабо,именно поэтому и спрашиваю)может кто нибудь знает самоучители,уроки,или просто сам расскажет,а возможно даже и покажет как это делается) в общем надеюсь на вашу помощь,заранее благодарен!
0 votes4 answers -
Классическая проблема с ИЕ 6
Точнее с правой колонкою подаю код * { margin: 0px; padding: 0px; } ul {list-style: none;} body { font-size: 12px; margin: 0px; text-align: center; background: #CFCFCF url(img/bg.png) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; } /*************************************************** *********************** Container ************** *****************************************************/ #container { float: left; width: 100%; overflow: hidden; background: none; color: #333; } /*************************************************** *********************** Left Sidebar Container ******* *****************************************************/ #left…
0 votes7 answers -
Выбор бесплатного хоста
Пытаюсь подобрать бесплатный хост, пока варианты: narod.ru и ucoz.ru. Может кто подскажет ещ? варианты? заранее благодарю)
0 votes11 answers -
Что за хак такой?
Проблему описывать подробно не буду. Не в этом суть. Примерно проблема такая: z-index в ie ведет себя не так, как в FF, хочу менять z-index у зафлоченой спозиционированной ссылки при состоянии hover. Вопрос в другом. Я случайно решил свою проблему странным фокусом: если моей зафлоченой спозиционированной ссылке, которая по-умолчанию имеет border:none, поставить: a:hover { ... border: 1px solid; border:none; ...... } т.е. по сути ничего не изменилось, но мои проблемы решаются. Все начинает работать правильно. Вопрос: Что может изменить установка и последующая отмена бордера? Что при этом меняется? Хочу понять что реально у меня происходит. Т.е. хочу решить проблему осоз…
0 votes8 answers -
Отступ внизу изображений
В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…
0 votes2 answers -
Опера некорректно отображает содержимое заключенное в теги pre, code
Здравствуйте, уважаемые форумчане. Не могу назвать себя начинающим, сделал уже не один сайт, но вот попалась задача, с которой ну никак не получается справиться. Очень надеюсь, что кто-то уже сталкивался с ней и поможет мне найти решение. Суть проблемы в следующем. Есть плагин подсветки кода, который подсвечивает участки кода, заключенные в теги pre и code . Например: <pre><code> первая строка кода вторая строка кода третья строка кода </pre></code> Так вот браузер Опера, отображает такой код не так, как остальные браузеры. Расстояние между строчками получается больше.. Не могу понять почему. Уже применял разнообразные ресеты, пробовал варьироват…
0 votes10 answers -
Про счетчик с перелистыванием
Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное. Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт? Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом? Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?
0 votes7 answers -
html5 и фавикон
Так уж принято в интернете, что большинство источников передирают контент друг у друга, и как правило, не дополняя и не изменяя его. Вот я по запросу "как добавить фавикон" во многих источниках нашел одно и тоже: добавить вот это в хеад и всё: <link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">Вопросы: 1) на кой их (тегов link) 2 штуки? (подозреваю, что вторая строчка нафиг ненужна) 2) в хтмл5 в <link> с нужным rel, который для фавиконки, можно не указывать type="image/x-icon"? 3) как я понял, фавиконку можно подсунуть в любом из 3 форматах: jpeg, png, ico, да?
0 votes2 answers -
Я запутался, обьясните пожалуйста!
Я запутался читая все подряд по поводу создания сайта! вопрос о CSS. И об очер?дности этапов создания сайта. То есть используя CSS мы созда?м сайт полностью. или мы сначала рисуем сайт в фотошопе, верстаем его и потом применяем ко всему этому css.? если можно дайте полный ответ. И если можно дайте ссылку почитать по этому поводу. Заранее спасибо.
0 votes5 answers -
тег DOCTYPE мешает
Подскажите, пожалуйста, в следующем: Есть страница, которая при нажатии на img, становится полузакрашенная, а поверху отображается увеличенная картинка. Вещи известные. Для IE создаю div с filter...Alpha(Opacity=60... и все работает. Для FF создаю div с backgroungImage='url(fon.png)' и тоже все работает, но только, если убрать 1-ю строку с "..", которую вставляет Dreamweaver. Проверил разные параметры этой строки - ни с одним закраска в FF не работает. В чем конфликт? Можно было б и вовсе убрать строку DOCTYPE, но без нее некорректно отображается система меню. PS Создаю полупрозрачный div так: glass=document.createElement('DIV'); glass.style.display='none'; glass.st…
0 votes11 answers -
Обработка формы не зная заранее сколько там элементов
т.е. я получаю выборку из БД и напротив каждой строки размещаю input. при нажатии на кнопку, если в поле введено значение, значит оно записывается в БД, а если нет, то пропускается. Но вот как мне цикл постоить, если я не знаю 2 там записи или 20?
0 votes21 answers -
как растянуть фоновую картинку в слое на заданную высоту?
проблема такая: есть меню, для каждого пункта меню есть фон картинка 180 на 32. Если пункт меню слишком длинный нужно чтобы фон растягивался вдвое по высоте, сейчас же получается 2 фоновых картинки друг над другом. либо как сделать чтобы текст вписывался в заданный слой (180 на 32) в несколько строчек, не вылазив за пределы слоя.
0 votes2 answers -
Помогите!Верстка разрезанной картинки
Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка. Почерпнув множество рекомендаций, я решила разрезать ее на маленькие, потому что они быстрее грузятся. Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут! Div'ами пробовала, тот же эффект. В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит) Вот html: <table> <tr> <td><img src="1.jpg" width="100" height="200" alt="" border="0"></td> <td><img src="2.jpg" width="100" height="200" alt="" border="0"><…
0 votes9 answers -
Ошибка в верстке
Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…
0 votes5 answers -
ie6 + background-image = 1px смещение
Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…
0 votes6 answers -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes1 answer -
не подключается CSS в IE7 на Висте
Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?
0 votes4 answers -
.htaccess - убрать расширение файлов из ссылок
Добрый день, ребята. Решил сделать так, чтобы все ссылки на страницах сайта были без расширения php (если это не корень папки, если корень, то у меня имя файла вообще не фигурирует в ссылке). Например сейчас у меня выглядит все вот так: http://domain.ru/somename.php, а хотелось бы вот так http://domain.ru/somename В общем нашел такой вариант: RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.+)?$ $1.php [L] В принципе, эти правила работают, как мне нужно, но дело в том, что вызов страницы по ссылке http://domain.ru/somename.php тоже никуда не пропал, а это уже не очень хорошо, тк получаются дубли адресов. То есть надо …
0 votes0 answers -
Подгон под разрешение
Здравствуйте! Помогите сделать макет, пожалуйста. Лого и меню должны быть всё время в этой точке, а бэкграунд обрезаться примерно в таких пропорциях, в зависимости от разрешения экрана. Я пыталась, но что-то ничего не выходит! Спасибо! http://narod.ru/disk/17438443001/mayakfhd.png.html http://narod.ru/disk/17438494001/mayakhd.png.html
0 votes22 answers -
Аномальный отступ справа от футера
Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…
0 votes6 answers -
Как центрировать кнопку, не учитывая комментарий к ней?
Есть кнопка, и справа(слева) от нее пару слов комментария. Как центрировать кнопку, не учитывая этот комментирий. При этом комментарий должен быть рядом с кнопкой. Вместо такого: Нужно так:
0 votes3 answers -
нужна помощь чайнику
как написать в CSS чтоб при нажатии на ссылку она открывалась не во всё окно, а в определённом блоке??? аналогия фреймов при задании tagert=""
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-