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
-
Стиль спойлера
Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. http://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }
0 votes1 answer -
Несколько слоев с позиционированием
Здравствуйте, как сделать, чтобы 2 слоя с абсолютным позиционированием не наслаивались друг на друга, а находились друг под другом. <div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;"></div> <div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;"></div> position: absolute обязательно нужно оставить.
0 votes3 answers -
Вложенный список
Подскажите как создать вложенный список с тремя уровнями с помощью ul и li? 1. Категория 1.1. Раздел 1.1.1 Подраздел 1.1.2 Подраздел 1.1.3 Подраздел 1.2. Раздел и т.д.
0 votes6 answers -
margin-top
html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.
0 votes5 answers -
как запомнить позицию раскрывающегося списка?
Доброго времени суток. Новичок в вебе просит помощи. При использовании метода POST не знаю, как запомнить (восстановить) позицию раскрывающегося списка. В нижеприведенном примере, переменная текстового поля Slovo запоминается, а вот выбранную позицию в списке Jazyk запомнить (восстановить) не удаётся. Заранее благодарю за доброжелательное отношение и помощь. <html> <body> <form method="post" action="<?=$_SERVER['PHP_SELF']?>"> Slovo: <input name="slovo" class="textinput" value="<?=$slovo?>"> Jazyk: <select name="Jazyk" > <option value="ENG">English</option> <option value="DE">Deuch</option> <option valu…
0 votes2 answers -
Пропорциональное изменение изображения.
Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_…
0 votes2 answers -
Выравнивание в списке
Ребят, вот собственно проблема, не пойму в чем дело: это css этого списка: ul.producers { width: 112px; display: block; margin-left: 21px; } ul.producers a { color: #59778c; font: normal 12px Arial; text-decoration: none; padding-left: 16px; } ul.producers a:hover { text-decoration: underline; } ul.producers li { margin-bottom: 8px; background: url('./images/gt2.gif') 0px 5px no-repeat; } Как сделать чтобы везде выглядело как в ИЕ8 и Опере?
0 votes2 answers -
сдвиг фона
поиск использовал, но оригинальняа тема была зафлужена, и тамошнее решение не работает( http://forum.htmlbook.ru/index.php?showtop...D0%B0&st=20 мне надо один блок "навалить" сверху на предыдущий на 80 пикселей(получилось), и в свою очередь сделать так, чтоб фон в блоке который я "наваливаю" сверху отступал на 80 пикселей сверху. вот код, всё хорошо, но фон не сдвигается( <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png') 0 80px;width:255px; margin-top:-…
0 votes1 answer -
Ширина в процентах относительно плавающего блока
Имеется следующая структурка (максимально упрощенный вариант): <!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"> <head> <style type="text/css"> .item {border: solid 1px red; float: left} </style> </head> <body> <div class="item"> <div>ололоололоололоололо</div> <div> <div style="float: left; width: 50%">123</div> <div style="float: left; width: 50%">321</div> </div> </div> </body> </html> Должна быть строка, под которой располагается 2 блока полов…
0 votes5 answers -
Проблема с отображением страницы
Доброго времени суток. В первый раз решил сверстать сайт div'ами и +резиновый. Сделал пока только шаблон одной страницы, проверил на валидность xhtml 1.0 и css...результат оказался положительным, ошибок не обнаружено Но вот решил проверит как страница стягиваеться, тут то и появилась проблема. При уменьшении окна браузера все блоки начинают рассыпаться кто куда. 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>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows…
0 votes6 answers -
Вопрос по div верстке
Возможно ли сделать так что бы при нажатии на ссылку информация менялась в определенном блоке ??? без явы и т.п. на css !
0 votes7 answers -
Неизменяемый фон при разном разрешении экрана?
Здраствуйте, как можно сделать фон(картинку) на страничке, чтоб ее размер не менялся при открытии на разных компьютерах (с разным розрешением экрана)????
0 votes17 answers -
Не могу отыскать CSS
У меня вчера случилась неприятность-немного поехала страница из за того что затолкал рекламку кое куда.Поправил,но пока поправлял, наверно случайно зацепил верхнюю менюшку.На первый взгляд не заметно но когда наводишь на "Главная" находясь на другой странице то менюшка сьезжает.Судя по "FireBug" за это отвтетственен " suckerfish.css" но не могу найти где ошибка...может кто то подсказать? http://seventh-legion.ru/ suckerfish.css : [css] div#horiz-menu *{ margin:0; padding:0; } div#horiz-menu ul{ margin:0; padding:0; } div#horiz-menu li.level1{ padding:0 5px 0 0; margin:0; height:37px; line-height:37px; } div#horiz-menu li{ margin:0 5px 0 0; padding:0; border:0…
0 votes9 answers -
Flash в Firefox
Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо
0 votes13 answers -
Непонятки с td rowspan
<table border="1" height="100%"> <tr height="10"> <td width="700">1</td> <td width="223" rowspan="2"> <br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1 </td> </tr> <tr height="*"> <td width="700">1</td> </tr> </table> В опере всё отображается корректно. В ИЕ первая строка таблицы отображается не правильно (её высота дол…
0 votes15 answers -
Div верстка
На скриншоте изображено как сайт выглядит сейчас на моем мониторе, элементы которые позже будут приходить в движение подчеркнуты. А вот что происходит, когда размер монитора меняется. Подчеркнутые элементы разъезжаются. А мне бы этого не хотелось, но как побороть что-то не пойму. Играл и тегами position, и с display, и с background attachment - ничего не помогло, наставьте на путь истинный пожалуйста.
0 votes9 answers -
ошибка валидатора
при проверке страницы на http://jigsaw.w3.org/css-validator/ выдает ошибку "Нераспознанная ссылка или инструкция обработки с таблицей стилей XML" вот собственно и код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>индекс</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div id="top"><img class="center" src="images/01.jpg" alt"картинка"></div> <div id="menu"> <a href="index.htm">Главная</a> <a href="foto.htm">Галерея</a> <a href="foto.htm">Технические характеристики</…
0 votes2 answers -
баг с :hover в Opera 9.5
Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…
0 votes4 answers -
Помогите с JavaScript'ом!
Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.
0 votes4 answers -
Выпадающее меню.
Привет всем! junasoftware.com Поспорил что смогу содрать данное меню с сайта. Я сохранил страницу данного сайта себе на комп (хтмл код, все css и картинки). Страница открывается с компа и отображается так-же как и на сайта джунасофт, только меню выпадающее не работает. В чем может быть причина? Может у вас получится сохранить страницу данного сайта с работающим выпадающим меню? Прошу помощи. Спасибо.
0 votes2 answers -
<li> как повернуть список в горизонтальное положение?
можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?
0 votes4 answers -
Scroll и вставка swf
Есть необходимость вставить swf на сайт. Испробовал уже много способов, но никак не могу добиться того, чтобы работал скролл во всех браузерах. В момент, пока курсор мыши находится над swf, скролл не работает, как только отвожу в другую область - все прокручивается. Причем при различных вариантах вставки такие фокусы показывает то firefox то IE. Помогите с правильным кодом пожалуйста.
0 votes14 answers -
seo верстка
Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха
0 votes4 answers -
Якорь в option value
Возникла такая нужда, что нужно в списке к каждому option value прикрепить якорь или чтото подобное. Чтобы при переходе по адресу site.ru/tag.html#1 открывалась первая строка, а при site.ru/tag.html#5 пятая. Пример кода: <select name="select1" id="select1"> <option>Выберите товар</option> <option value="Товар 1">Товар 1</option> <option value="Товар 2">Товар 2</option> <option value="Товар 3">Товар 3</option> <option value="Товар 4">Товар 4</option> <option value="Товар 5">Товар 5</option> </select> Представляю это так: <select name="select1" id="select1"> <option>Выберите т…
0 votes6 answers -
центровка текста
почему-то при отображении текста на странице текст выравнивается по левому краю когда он помещен в теги <tr align="center"></tr> <td align="center"></td> или <span align="center"></span> и, даже, #text {text-align: center }. Центрируется текст только при <div align="center"></div> но, при этом, он опускается. Что я сделал не так не так?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-