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
-
Opera - проблема с outline и z-index
Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.
0 votes1 answer -
Фотогалерея
Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…
0 votes4 answers -
gif & png вместе
Вот что я имею... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>***</title> <meta name="description" content="***"> <link rel="icon" href="icon.jpg"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="background"><a class="H333"></a></div> <div id="center"><H7><H30> *** </H30></H7></div> <a class="***" href="***.html" title="***"></a> <a class="***" href="***.html" title="***"></a> <a class="***" h…
0 votes12 answers -
Всплывающие картинки
<html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head&…
0 votes7 answers -
Непонятные отступы у текста в браузерах
Создаём простенький html-документ следующего содержания: <!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>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…
0 votes7 answers -
Как использовать button
Подскажите, как и где использовать button? Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так? Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">? Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку? button type=button - по умолчанию стоит и можно никогда не писать?
0 votes9 answers -
Адаптивный дизайн в php
Как в php коде можно сделать определение разрешения экрана? В php файле идет подсчет длинны блока. Выглядит это примерно так: $rating = $rating * 48;48 - это множитель размера стандартного блока, его надо как-то менять. То есть, это число должно меняться с размером экрана, от 16 до 128.
0 votes5 answers -
Нужно ли верстать вплоть до пикселя?
Я позамствовал на одном сайте следующую технологию верстки: 1. Делаем фон из скриншота макета 2. Ставим opacity 0.5 3. Подгоняем элементы один-в-один Но как-то видел результат верстки профессионалов, и у них, например, отступ между парой строк на 2-3 мм больше, чем в макете, текст, если приглядеться, чуть менее жирный и т.д. Вопрос: насколько допустимы отличия от макета? Или надо, как это делаю я, выравнивать до сотых частей в ущерб времени?
0 votes11 answers -
Див по середине страницы!
Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо
0 votes3 answers -
Страница на DIV.
Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padd…
0 votes6 answers -
Вертикальное выравнивание в теге <a..> при display:block.
Проблема следующая: есть код: #but {width:400px; height:100px;} #but a {display:block; float:left; width:100px; height:100px; color:#4088b8;} #but a:hover {color:#131313; background:url(i/image.gif) center bottom no-repeate;} <div id="but"> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> </div> проблема: linkname прижимается к верхней границе блока, а надо что бы был внизу. Пробвал применять padding со нужными значениями, но в этом случае увеличивается высота блока и соответственно толкает вниз все что под ним. Также пробовал разные варианты display - тоже…
0 votes1 answer -
резиновая меню
Здраствуете.Мне нужна создат резинавае меню.Так штоба пункты меню со сваим блокам отxадили друг от друга и тянулис по ширине екрана не меняая размеров.Кто знает как ето можна реализожат? http://webfile.ru/5684398 zdes vy@lajil fayl
0 votes2 answers -
Тег svg
Всем привет, есть такой html c тегом <svg> http://jsfiddle.net/5LPmC/ , у меня есть процент положительных и отрицательных отзывов , мне надо подставить свои значения в атрибут d=" " тега <path> только там набор непонятных цифр как мне подставить свои значения ? чтобы кружок на 75% был красным на 25% зеленым
0 votes4 answers -
высота адаптивного слайдера
ребят, помогите пожалуйста уменьшить высоту слайдов адаптивного слайдера, если это вообще возможно сейчас на страничке высота слайда 395px, а нужно приблизительно 200px(+/-) я пробовал в фотошопе изменять размер исходных картинок, но высота слайда на странице от этого не изменилась
0 votes2 answers -
Условие на JavaScript по URL
Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!
0 votes12 answers -
(SOS) Нужна помощь Таблица не хочет слушаться
Всем привет!!! У меня вот такая проблема возникла!!! вот код.... <html> <body> <table width="854" height="401" border="1" cellspacing="2"> <tr> <th height="55" colspan="3" scope="col"><font size="5" color=#DF0000>Добро пожаловать на форум YouTH? skY!! DrEamS </font> </th> </tr> <tr> <td width="134" height="178" rowspan="3" >Объявления:</td> <th width="541" rowspan="2" scope="col">3</th> <td height="171">часики</td> </tr> <tr> <td width="157" height="17" rowspan="2">Администрация: </td> </tr> <tr> <th width="551…
0 votes3 answers -
Проблема: ширина ячеек в таблице
Прошу прощения за нубский вопрос, но сам не пойму в чем проблема. В таблице один ряд из семи ячеек. Первые и последние три ячейки имеют фиксированную ширину. Центральная ячейка должна занимать всё пространство, не занятое остальными ячейками, но, если устанавить ей ширину 100%, то она начинает занимать всю область таблицы, игнорируя ширину остальных ячеек. <html> <head> </head> <body> <table height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="10" height="100%" bgcolor="#7CFC00"> </td> <td width="150" height="100%" bgcolor="#8B4513"> </td> <td width="10" height="100%" bg…
0 votes7 answers -
В IE не работает background-attachment:fixed;
У меня стоит IE6, почему-то в нём не работает background-attachment:fixed; (работает нормально во всех браузерах кроме него)... почему? на этом сайте написанно что должен поддерживается...
0 votes4 answers -
Smarty - Вопросик
Я понимаю что переменные смарти это ПХП переменые. Вопрос такой, как их выводить методами ПХП? Пишу так: { $item.id } - выводиться Ид, всё номально Следом пишу так {PHP} echo $item.id {/PHP} - но выводиться не ИД а только то что после точки ("id"). Перебераю разные другие варианты : $item['id'], $item[$id], $item.$id и в результате вообще ничего не получаю. Объясните пожалуйста , чо к чему =))
0 votes3 answers -
Фоновая музыка на сайте
Всем добрый вечер) у меня такая ситуация: возникла необходимость наладить на сайте фоновую музыку,но нужно как то обойти то,что когда перехожу на другую страницу-то музыка начинает играть сначала.Знаю что здесь или Аякс нужен,или Скрытый Фрейм.Аяксом не владею,но с Фреймом пытаюсь разобраться.Подскажите как его правильно использовать?Заранее спс большое)
0 votes9 answers -
Опять проблема с BODY
http://elki.undersite.ru/about.html На тег HTML навешан градиентный фон, на BODY узор который выше градиента должен отображаться! все бы ничего только опера и FF фон на боди отображают на видимой области, если прокрутить ниже то будет резкий обрыв его, как пофиксить?
0 votes7 answers -
Как сделать такое?
как сделать двойную рамку для <input>? Как сделать 2 рамки разных цветов для input? Например цвет внутри input серый, затем рамка 1px чёрная, и ещё одна рамка, поверх, 1px красная? Нужно чтобы работало во всех браузерах. И без отступов между рамками, то есть чтобы одна накладывалась на другую вплотную.
0 votes12 answers -
Не первые шаги
Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …
0 votes12 answers -
Не прячутся элементы select-а в Opera 12
Везде работает, кроме двенадцатой Оперы: <select> <option>visible</option> <option style="display: none;">hidden</option> </select>Также не работает ф-ция hide из jquery.
0 votes2 answers -
написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!
Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-