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
-
text-indent и тег <p>
Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?
0 votes5 answers -
flexbox в safari
Пожалуйста, у кого есть мак и недоразумение, которое там считается браузером сайт http://w2.andy-projects.ru/ Заказчик жалуется, что у него первые 2 столбца в футере ниже. Под винду сафари нет, вроде бы испробовал все, что можно, но не могу исправить, если вижу только скрины
0 votes9 answers -
Проблема с кросбраузерностью
В общем вот сайт http://spheres.in (это пока начльная версия отображается почти везде с парочкой ошибок, но эт я исправлю) а вот че делать с браузером мозила фаирфокс незнаю все криво мож я чет не так делаю(((
0 votes8 answers -
<ul> <li>
нужно сделать типа такой контент проблема заключается в том что не получается добавить разделители (черные линии) между блоками, так в теге li присутствует уже фон (синий). прописывая background в общем теге li ни к чему не приводит. li { float: left; width: 220px; display: block; margin-right:30px; } li.01{ background: url(image.jpg) no-repeat 0px 0px; } li.02{ background: url(image.jpg) no-repeat 0px 0px; } li.03{ background: url(image.jpg) no-repeat 0px 0px; } li.04{ background: url(image.jpg) no-repeat 0px 0px; } <ul> <li class="01"> <h1 class="">01</h1> <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing e…
0 votes5 answers -
как сделать такой хитрый баннер/линк ?
как сделать что бы некая жпгшка, или табличка появлялась справа или слева на определенной высоте от верхнего края браузера и ездила вместе со скролингом страницы вверх и вниз. каким образом можно такое реализовать ?
0 votes6 answers -
Проблема с масштабируемостью TEXTAREA в Opera,помогите пжлста оч прошу
Доброго времени суток всем! Я не знаток тонкостей работы различных браузеров, поэтому оч прошу помочь в моем вопросе. В IE и Firefox'е TEXTAREA масштабируется идеально. В Opera при загрузкеобновлении окна TEXTAREA тоже принимает нужный размер со своим scroll'ом, но стоит только изменить размер окна, как появляется глобальный scroll и TEXTAREA растягивается под размер своего текста ...... Вот код страницы, проблема особенно хорошо видна при большом объеме текста в TEXTAREA. Заранее спасибо. <HTML> <HEAD> <TITLE>CSS</TITLE> </HEAD> <BODY style="overflow:auto"> <TABLE width="100%" height="100%"> <TR height="1"><TD st…
0 votes3 answers -
проблема с экспрешном
Подскажите, пожалуйста, почему конструкция: height:expression(document.body.clientHeight-241+"px"); (- структура из 3-х строк, 241px - сумма высот 1й и 3й, соответственно, расчет на то что 2я будет адекватно тянуться, но не тут-то было...) намертво вешает 6-го осла, отлично работает в 7-ом. если кто-нибудь располагает универсальным решением, поделитесь, пожалуйста, второй день мучаюсь.
0 votes4 answers -
Рамка вокруг flash
Здравствуйте! У меня проблема: http://zhivoyfest.ru/ Это тестовая страница - специально для форума сделал. Сверху flash-шапка с кодом <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="995" height="249"> <param name="movie" value="flash/top.swf"> <param name="bgcolor" value="#ff0033" /> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="opaque" /> <!--[if !IE]> <--> <o…
0 votes4 answers -
Border для Img
Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо
0 votes7 answers -
Якорь
Здраствуйте. Интересует реализация не совсем стандартного якоря. Использую joomla re 1.0 (куча раз хакнута и куда глюков имеется) Тематика и структура страницы: страница турфирмы, на странице расположены туры по категориям (экскурсионные, комбинированные и т.д.), разделены тегами <h2> Требуется: сделать навигацию внутри сайта (поставить вверху ссылки "Экскурсионные тур", "Комбинированные туры" и т.д. которые ведут к нужным турам) Решение: Ипользовать якоря. <a href="#ex-tours">Экскурсионные туры</a> ... <a name="ex-tours"></a> <h2>Экскурсионные туры</h2> Результат: при нажатии на ссылку страница пролистывается вниз до соответсвую…
0 votes5 answers -
2 проблемы
В общем сайт http://underwhat.mpchat.ru/ Там видно что ? Чаты при поддержке mpchat.ru налезло на картинку. Как это ? Чаты при поддержке mpchat.ru перенести вниз?Непойму никак..смотрела другие коды всеравно там же оста?тся... И как сделать чтобы снег падал до конца документа? Вот код если что... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css…
0 votes6 answers -
что делает атребут "azimuth" подскажите
что делает атребут "azimuth" подскажите
0 votes2 answers -
Верстка таблицей в IE непонятный height
Собственно проблема в том что в FF и Опере все норма 100пик первая строка в таблице в IE она на пол экрана раскрываеться.... что я делаю нитак...? <table align="center" width="1024" height="768" border="3"> <tr bgcolor="#00CCFF"> <TD height="100" colspan="2">top</TD> </tr> <td width="300">first</td> <td >second</td> </table>
0 votes4 answers -
IE7, разъезжается таблица при загрузке на сервер
Здравствуйте! Надеюсь, среди вас найдется хотя бы один человек, который сталкивался с подобной проблемой. В сверстаный сайт встраивается новая контентная часть. Она сверстана таблицей и во всех браузерах при локальном тестировании отображается корректно. Но стоит выгрузить шаблон на сервер- таблица под ИЕ7 разъезжается на 2 экрана в ширину. Сохраняем страницу локально, открываем тем же ИЕ7, и все снова в порядке! То есть проблема наблюдается только под ИЕ7 и только при работе с сервером. Подскажите, пожалуйста. в чем может быть проблема, я себе уже всю голову изломал и хостеру мозги вынес. UPD проблема устранена причина: сам дурак
0 votes3 answers -
Как сделать пересылку на странице?
Как сделать пересылку на странице чтобы она меня кидала куданибуть на другой сайт?
0 votes5 answers -
нужен хак для overflow:visible в IE
имеем блок с флешом вставленный в HTML так: <div style="position:relative;width:776px;height:343px;z-index:3;overflow:visible;border:green 1px solid"> <object ... width="776" height="393"> </object> </div> 111111111111111111111111111111111111111111111111111111111111111111111 желаемый эфект: объект в прозрачном флеше при определенных событиях выходит за нижнюю рамку DIVa и перекрывает текст в FF,Mozilla,Opera всё так и есть а IE (6,7,8) увеличивает DIV до размера флешового контейнера нагуглил, что это св-во именно IE. Решения не нашел что подскажет коллективный разум?
0 votes6 answers -
как сделать пропорционально растягивающуюся картинку
необходимо для дизайна сайта выполнить картинку в верхней части сайта, так чтобы в зависимости от разрешения экрана была меньше или больше
0 votes7 answers -
заголовок перекрывает уголок
Есть HTML кусок: <div class="box"> <div><div><!--уголки--> <h3>какой-то заголовок</h3> <ul> <li><strong>раз</strong></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> <li><a href="#">четыре</a></li> </ul> </div></div><!--/углы--> </div><!--/box--> и CSS: .box { border: 1px solid #ddd; border-right: 0; position: relative; margin-top: 10px } .box h3 { padding: 4px 15px; font-size: 1.5e…
0 votes10 answers -
Footer at bottom
На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!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> <title>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; …
0 votes9 answers -
hover + first-letter
Ну собственно очень хочется сделать чтобы при наведении на Link получалось что то такое: Link, а как этого добиться я что то не могу сообразить. вот как то A:hover > A:first-letter {color: red;} неработает. PS я новичок
0 votes7 answers -
!Doctype
Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?
0 votes4 answers -
{html 5} menu или nav
Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?
0 votes13 answers -
Cufon. Обрезанный шрифт
Всем джамбо. Поставил шрифт на wp (cufon), а он обрезает заглавные буквы, причем если меняешь размер шрифта все ровно заглавные буквы обрезаны..вот ссылочка для наглядности http://osobniak.com/
0 votes2 answers -
Фреймы и индексация...
Я пытаюсь изучить фреймовую верстку.... так вот в процессе у меня назрел вопрос... можно ли сделать так, чтобы такой сайт нормально индексировался? если да, то как?
0 votes3 answers -
3 колонки внутри 3 колонок :)
Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-