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
29542 questions in this forum
-
Меню с углами
Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.
0 votes6 answers -
Помогите с проблемой, появляется пунктирная линия под картинкой.
Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…
0 votes9 answers -
Отображение текста по наведению (без скрипта)
хочу добавить функцию отображения текста по наведению без скрипта, с помощью свойства visibility (http://htmlbook.ru/css/visibility), но довести не могу. Затык в том, что текст наложен на хитрую блочную картинку-ссылку, которая также меняет отображение при наведении. Видимо, вместе они начинают каким-то образом конфликтовать... Тестовая страница (блок - Резка керамогранита): http://www.mastermozaik.ru/index/0-45 Упрощенный код (без тайтлов, альтов...): <div class="good400" style="background:url('/Goods/DSCN0594-400-02.jpg');"> <a href="/index/0-16" class="goods400"><div class="goodtext">Отображаемый текст</div></a> </div> css: .goo…
0 votes4 answers -
Непонятный отступ с margin-top?
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…
0 votes1 answer -
url в виде /path/param вместо /path?par=param в form submit
Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...
0 votes5 answers -
Сделать для Лендинг пейдж Бег граунд
Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо
0 votes2 answers -
Автоотступ перед div в Mozilla
Здравствуйте, У меня возникла такая проблема: Mozilla вставляет над дивом отступ размером 13 пикселей. Опера и ИЕ этого не делают. Если сделать в td valign=bottom, проблема сохраняется, отступ тогда будет снизу. У таблицы указаны cellPadding и cellSpacing равные нулю. <td width="200" bgcolor="#cccccc" valign="top" style="font: 0; padding: 0"> <div style="position: relative; top: 0; left: 0; margin: 0; padding: 0; background-color: #eeeeee"> <p>menucontent</p> </div> </td> В результате в Mozilla в td над серым дивом кусок высотой в 13px цвета #cccccc. Своими силами решить проблему не удается. Помогите, пожалуйста.
0 votes2 answers -
Помогите с формой..
Пожалуйста, помогите создать такую же форму. А то я не могу разобраться с ней((( Заранее всем благодарен. ( смотрел примеры разные, ничего не получилось((( И куда свой е майл вписывать не пойму(( Помогите..
0 votes3 answers -
опять 2 колонки
Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…
0 votes2 answers -
Резиновая верстка
Ребята подскажите!!! Можно ли сверстать страницу резиновой ??? Макет
0 votes3 answers -
float
Вобщем, необходимо используя дивы и float сделать шесть див - голову, контейнер, лево, право, центр, футер Вот примерно схема _______________________________________________________________________ | header | |______________________________________________________________________| ______________________________________________________________________ | __________________________________________________________________ | | | left | center | right | | | |____|___________…
0 votes4 answers -
Крах страницы из-за ошибки в CSS
в общем ситуация такая, есть сайт, верстку я делал сам, все работало как часы, HTML+CSS+JS(jQuery), тут заказчик захотел представить сайт в немного другом цвете, я поменял цвета, вроде все ок, но почему то из-за того что я поменял что-то в CSSке у меня все формы и кнопки на сайте не нажимаются, ссылки даже при наведении никак не реагируют, но выделяются как текст, есть флешка с кнопами на ней тоже ноль эмоций, будто события заблокировались, при этом ни оперовский драгонфлай ни файрфоксовский файрбаг никаких претензиий к странице не выдвигают, отключаю инклуд CSS в страницу, все работает ок, включаю опять эти глюки, в jQuery только однажды меняю у объектов классы, но в пре…
0 votes4 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 -
помогите с меню!
такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…
0 votes4 answers -
Не одинаковое отображение кнопок
Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?
0 votes3 answers -
IE7, 8 Растягивает жесткий макет на всю ширину окна. Как это победить?
Доброго всем времени суток! Подскажите пожалуйста, почему IE7, 8, растягивает жесткий макет на всю ширину своего окна, тогда как в опере или фф, все нормально и остается место для фона слева и справа? Каркас жесткий 1000px. Верстаю первый макет на divах, может чего не так изначально?
0 votes10 answers -
Как сделать div с одной стороны...
Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?
0 votes5 answers -
скрипт
Есть ли подобный скрипт,чтобы добавлял музыку,описание и тд.?
0 votes10 answers -
Отключить скроллинг
Кратко расскажу для чего мне это надо: У меня есть модальное окно (сделано с OrangeBox) При открытии этого окна, я не хочу чтобы работал скроллинг (как например в facebook при открытии фото в ленте) Для этого я даю body overflow:hidden. Все работает, но верстка ломается. Т.е. если до исчезновения скролла ширина документа было скажем 500px, то после того как убирается 490px. В итоге контейнер смещается туда сюда при открытии и закрытии модального окна. Как решить данную проблему.
0 votes2 answers -
img в div блоке
Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…
0 votes12 answers -
IE крайне некорректно отображает содержимое.
Вот сайт. Открыть его в нормальном браузере и в осле - две разные вещи. Во-первых, плывет шапка. Во-вторых, бекграунд элементов списка чудом исчез. Да и вроде все, но эти два портят всю картину дизайна. Я уже вдоль и поперек облазил код с помощью средства для разработчиков в осле, но ничего подозрительного не нашел. P.S.: табличную верстку пришлось использовать только из-за поджимающих сроков... Поймите, пожалуйста
0 votes7 answers -
Блок со случайным фоном.
Помогите, я хочу чтобы в диве рандомно менялся бекграунд при каждом обновлении или отображался рандомный img. Какими способами это можно реализовать? Очень нужна ваша помощь..
0 votes7 answers -
Первая верстка (ошибки)
Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…
0 votes10 answers -
альтернатива google drive
Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.
0 votes6 answers -
Высота столбцов в табличной верстке.
Доброго времени суток! Подскажите пожалуйста, имеется табличная верстка, три колонки: aside, main, sitebar. Когда добавляю свойство display: table-cell в aside и sitebar, они вытягиваются на всю длину main, а мне бы хотелось самому назначить им длину, но свойство height не работает. В чем может быть проблема?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-