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
-
Что я делаю не так
Здраствуйте, прошу помощи,уже больше часа питаюсь решить - есть код <table style="width: 100%;margin-top: 4px;" > <tr class="topic-name-full" > <th style="text-align: left;" ><img src="post.png" style="margin-right: 10px;" alt=""/><h2>Добро пожаловать1111111111111111111111111111111111111111111111111111</h2></th> <th style="background: #eaeeef url('../images/button-bg.gif') right top repeat-y;" > <div class="button" style="float: right;" ><a href="#" ><span><img src="images/button-ico/post.png" alt="" />Ответить</span></a></div> </th> </tr> </table> и ксс .topic-…
0 votes6 answers -
Позиционирование слоев в разных браузерах
Следующий код в браузере Chrome и Operа отображается по разному: <!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=utf-8" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…
0 votes6 answers -
проблема:несколько блоков по центру по горизонтали в одну линию?
В одну линию получается только когда использую float:left или right, при этом естественно что блоки прижимаются к краям, как сделать чтоб блоки располагались по центру по горизонтали в одну линию? Колво блоков будет зависить от шины монитора...
0 votes6 answers -
Проблема с таблицами
Проблема такая: Нужно чтобы таблица растягивалась как в firefox 4.0 ie8 и opera 11. В браузерах типа -webkit- почему то не работает(( и op9.27 страница: http://vladislav805.narod.ru/windows.html и также смотрелась и на http://vladislav805.narod.ru/index.html (здесь также ff4+ ie8+ op11+ работает)
0 votes6 answers -
категоризированный url в google поиске
Всем привет, подскажите как добиться чтобы в гугл поиске ссылка на материал вашего блога выглядела: www.ваш_сайт > название блога (ссылка) > название_раздела (ссылка) > название_категории (ссылка) > материал (ссылка) сайт на html, юкозовский движок Заранее благодарен
0 votes6 answers -
бэкграунд БОДИ уходит влево
Помогите пожалуйста исправить... вот код BODY html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background: #86b8cd url(../images/headerbg.jpg) no-repeat 50% 0; width:100%; height:100%; padding:0; margin:0; } пыталсы еще так html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background: #86b8cd url(../images/headerbg.jpg) no-repeat top center; width:100%; height:100%; padding:0; margin:0; }
0 votes6 answers -
Проблемы с z-index.
Добрый день! Есть сайт bizprofi.ru На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000) И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам". У всплывающего блока z-index 1000 но картинка его все равно перекрывает. Очень прошу помочь разобраться в чем же дело?
0 votes6 answers -
Съезжает блок
сайт http://art-devision.vladiva.com/index.php главная страница съезжает где то на 5px влево,по сравнению с другими страницами, никак не пойму в чем дело подскажите плиз
0 votes6 answers -
Правильно ли я делаю?
Скажите правильно ли седлано? Есть какие то недочёты? Вот как разделён у меня документ по блокам : <div class='wrapper'> <div class='header'> </div> /*Здесь контент*/ <div class='push'> </div> </div> <div class='footer'> </div> Вот стили каждого из блоков: .footer, .push { clear: both; } * { margin: 0; } html, body { height: 100%; width:100%; min-width: 1024px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; position: rela…
0 votes6 answers -
Создание таблицы из 3 частей.
Всем привет! В ходе работы создался вопрос, который не могу решить. У меня есть нарисованная картинка в виде таблички: примерно такая, только без надписей top, bottom и т.д. я распилил её на три части и назвал top.png, center.png и т.д. а потом захотел сделать из неё таблицу (фон для контента) и влепил сначала первый слой, где находился center (и задал background repeat-y) а затем ещё два слоя где указал no-repeat для бэкграунда top.png и bottom.png. В общем, ребята, у меня какая-то каша получилась. Расскажите пожалуйста, как бы вы решили подобную проблему, если бы столкнулись с ней. Огромнейшее спасибо всем кто откликнется.
0 votes6 answers -
Меню.
Привет всем! Вот такой вопрос по поводу меню.На кнопках есть 2 состояния. Как сделать этот коричневый фон на кнопках Каталог, Прайс-лист, Доставка/Оплата, Контакты понятно.А как сделать этот фон на кнопке Главная,он там скругленный?Кто как бы сделал?У меня есть идея только присвоить каждой ссылке,то есть тэгу <a> id, ну как бы каждая кнопка будет отдельной. Заранее спасибо.
0 votes6 answers -
выравнивание содержимого ячейки
хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; } <table width="200" border="1" > <tr> <td><a href="#"><ul>item 1</a></td> </tr> <tr> <td><a href="#"><ul>item 2</a></td> </tr> <tr> <td><a href="#"><ul>item 3</a></td> </tr> <tr> <td><a href="#"><ul>item 4</a>…
0 votes6 answers -
Мультиязычный сайт
Здравствуйте, как можно сделать сайт с несколькими языками. Мне надо rus и eng. Например есть 2 файла index.html один на русском, другой на английском. Надо чтобы с одного на другой можно было перейти по ссылке вверху страницы "rus/eng", но при этом строка в браузере выглядела так : www.example.com/ru/ ,а не www.example.com/ru/index.html (index.html на русском). Надеюсь понятно
0 votes6 answers -
CSS файлы
Всем добрый вечер! У меня в папке "topics" - 15 статей (topi1.html, topic2.html, topic3.html, etc) В папку "css" - 15 css файлов соответственно (topic1.css, topic2.css, topic3.css, etc) CSS файлы для всех статей почти одинаковые, в некоторых файлах только есть стили, которые в других не используются. Как лучше сделать: оставить для каждой статьи свой css файл или же создать 1 большой css файл для всех 15 сразу? Ничего страшного, что на некоторых страницах будут подгружаться стили, которые не будут использоваться?
0 votes6 answers -
Проблема с тенью по бокам
Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол д…
0 votes6 answers -
DIV по высоте экрана
Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.
0 votes6 answers -
Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок
Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:
0 votes6 answers -
Кодировка
Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…
0 votes6 answers -
Рамки таблицы в Опере при direction: rtl.
Проблему наблюдать можно здесь. Совершенно безумное поведение рамок у таблиц в опере. В частности, наверху пропала левая рамка, а в таблице в правой колонке ниже картинки автомобиля как будто нижние рамки сдвинуты влево на одну ячейку. Что это за явление? Как с таким бороться?
0 votes6 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
Прошу советов по верстке меню (Joomla 1.5)
Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...
0 votes6 answers -
Закругленные уголки у таблицы
Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?
0 votes6 answers -
Помогите с отображением в IE
Вот сайт http://рубщик.рф/.Во всех браузерах нормально отображается а в ие нет..Я даже не знаю в какую сторону копать..Помогите..Что надо сделать??
0 votes6 answers -
ссылки под зафиксированным слоем background
Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }
0 votes6 answers -
Кнопка внизу td
Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-