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 -
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 -
Как "такое" сделать в div`ах
Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.
0 votes16 answers -
Пропорциональное изменение изображения.
Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_…
0 votes2 answers -
Вложенный список
Подскажите как создать вложенный список с тремя уровнями с помощью ul и li? 1. Категория 1.1. Раздел 1.1.1 Подраздел 1.1.2 Подраздел 1.1.3 Подраздел 1.2. Раздел и т.д.
0 votes6 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 -
сдвиг фона
поиск использовал, но оригинальняа тема была зафлужена, и тамошнее решение не работает( 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 -
Выравнивание в списке
Ребят, вот собственно проблема, не пойму в чем дело: это 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 -
Не могу отыскать 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 -
ошибка валидатора
при проверке страницы на 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 -
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 -
Кривится верстка в IE 7
http://budnirussia.ru/ Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?
0 votes4 answers -
нужна помосч
вопрос состоит в следующем есть грубо говоря вот такой код <div id="wrapper"> <div id="wrapper1"></div><!-- #wrapper1 --> <div id="wrapper2"></div><!-- #wrapper2 --> <div id="wrapper3"></div><!--#wrapper3--> </div><!-- #wrapper --> мне нужно каждому из етих 4 блоков задать свой background только так чтобы он в любом из даных блоков тянулся например при добавлении текста в блоки wrapper1 - wrapper3 ну и соответственно чтобы и тянулся background родительского блока wrapper. За предложеные варианты большое спасибо
0 votes26 answers -
seo верстка
Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха
0 votes4 answers -
Div верстка
На скриншоте изображено как сайт выглядит сейчас на моем мониторе, элементы которые позже будут приходить в движение подчеркнуты. А вот что происходит, когда размер монитора меняется. Подчеркнутые элементы разъезжаются. А мне бы этого не хотелось, но как побороть что-то не пойму. Играл и тегами position, и с display, и с background attachment - ничего не помогло, наставьте на путь истинный пожалуйста.
0 votes9 answers -
<li> как повернуть список в горизонтальное положение?
можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?
0 votes4 answers -
Опера 10 и @font-face
Воспользовавшись этим руководством, встроил в страницы шрифт: Конвертировал из ttf с помощью onlinefontconverter.comю В Хроме и Файрфоксе всё хорошо, в ie проверить не могу (я на линуксе), в Опере какая-то странная хрень: когда страница первый раз загружается, шрифты нормально включаются, но при перезагрузке страницы или переходе на другую страницу сайта со шрифтами начинает происходить страшное. Рушится и font-family и font-size, судя по тому, что видно. Посмотреть можно здесь: romaadelante.ru/t/kolca.html Что за пипец такой и как его пофиксить, есть мысли, уважаемые?
0 votes1 answer -
Неизменяемый фон при разном разрешении экрана?
Здраствуйте, как можно сделать фон(картинку) на страничке, чтоб ее размер не менялся при открытии на разных компьютерах (с разным розрешением экрана)????
0 votes17 answers -
Помогите с JavaScript'ом!
Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.
0 votes4 answers -
Ширина в процентах относительно плавающего блока
Имеется следующая структурка (максимально упрощенный вариант): <!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 -
Якорь в 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 -
в IE блок становится шире
верхнее меню сделал через JQuery, ниже 2 дива для эффекта закругления в css это все дело у меня помещено в таблицу, т.к. правее есть еще один список с JQuery эффектом и чтобы его ровно сверстать вложил все в таблицу во всех браузерах кроме IE все замечательно пытался через html и в css в комментариях прописывать не получаетсо
0 votes7 answers -
Выпадающее меню.
Привет всем! junasoftware.com Поспорил что смогу содрать данное меню с сайта. Я сохранил страницу данного сайта себе на комп (хтмл код, все css и картинки). Страница открывается с компа и отображается так-же как и на сайта джунасофт, только меню выпадающее не работает. В чем может быть причина? Может у вас получится сохранить страницу данного сайта с работающим выпадающим меню? Прошу помощи. Спасибо.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-