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
-
Длина черточек зависит от контента. Как такое сделать?
На дизайне у этих черточек разная длина и зависит от контента. Кто нибудь знает как сделать такое в верстке? https://codepen.io/anon/pen/WWraar
0 votes7 answers -
"Обрамление" iFrame картинками.
Всем здрасти! Помогите, плз, кто знает: Нужно сделать рамку из рисунков вокруг айФрейма, а так же убрать рамку у самого фрейма. Есессно, за основу взял таблицу: <table> <tr> <td colspan="3"> <img src="img/code-top.png"> </td> </tr> <tr> <td> <img src="img/code-left.png"> </td> <td> <iframe src="banner.html" width="620" height="245" hspace="0" vspace="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </td> <td> <img src="img/code-right.png" align="right"> </td> </tr> <tr> <td colspan="3"> <img src="img/code-bottom.png"> <…
0 votes2 answers -
Как закольцевать музыку в embed?
Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.
0 votes1 answer -
Ссылки и Опера
Проблема , делаю шапку с ссылками изображениями; - в CSS прописаны стили для глобального пареметра <a> и в FF этот стиль присвоился ссылке-картинке, как от этого избавиться ? a:link { text-decoration: none; color: #CD4427; } a:visited { text-decoration: none; color: #CD4427; } a:hover, a:active { color: #E06E56; } - в Опера не отображаются картинки-ссылки, сверстанные таким образом : <div id="navigation"> <div class="ads"> <a href="http://ya.ru" title="bla bla bla"><img alt="" src="<?php bloginfo('url'); ?>/wp-content/themes/redsplash/images/psp-link.png"/></a> <a href="http://ya.ru" title="bla bla bla">&…
0 votes4 answers -
Opera mini и css
Разметка работает везде кроме этого браузера. В Opera mini она работает частично - цвета, бордеры... Не могу установить ширину элементов, таблица внутри DIV позиционируется по центру почему-то, и т.п Это как-нибудь лечится, какие особенности написания под этот браузер? В IE на экране PDA все как я хочу отображается
0 votes1 answer -
table в css
Например, как можно задать рамку таблице в файле стиля?
0 votes10 answers -
IE 6 и overflow: hidden для блока с картинкой. Я чего-то не понимаю или информации о баге нет в справочнике?
Возьму самый простой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> img { width: 500px; height: 500px; } div { overflow: hidden; } </style> <body> <div> <img src="image.jpg" alt="image" title="image"> </div> </body> </html> Во всех браузерах нет горизонтальной прокрутки, если картинка не умещается в экран, а в IE 6 есть. В более сложной структуре документа, чем из примера, …
0 votes7 answers -
Фоновый рисунок для Div
Подскажите как лучше реализовать: Есть много Div'ов в виде кубиков. Стиль у них один, но фоновый рисунок должен быть разный,а в нутри каждого еще должен находиться разный контент. Не очень хочется создавать внутри них еще блоки только для задания фона, и не хочется делить стили для каждого квадрата свой лишь ради фона. Как можно выйти из положения?
0 votes11 answers -
Создание thumbnails из div`ов - проблема
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
(SOS) Нужна помощь Таблица не хочет слушаться
Всем привет!!! У меня вот такая проблема возникла!!! вот код.... <html> <body> <table width="854" height="401" border="1" cellspacing="2"> <tr> <th height="55" colspan="3" scope="col"><font size="5" color=#DF0000>Добро пожаловать на форум YouTH? skY!! DrEamS </font> </th> </tr> <tr> <td width="134" height="178" rowspan="3" >Объявления:</td> <th width="541" rowspan="2" scope="col">3</th> <td height="171">часики</td> </tr> <tr> <td width="157" height="17" rowspan="2">Администрация: </td> </tr> <tr> <th width="551…
0 votes3 answers -
Как засунуть в один блок неизвестной ширины 2 блока 50% с бордюром.
Проблема как раз в бордюре и заключается. При указании размера в процентах бордюр не учитывается и эти сраные 2 пикселя и не влазеют
0 votes3 answers -
Как сделать?
Фон страницы неповторяющаяся картинка. Очень широкая. Чем больше экран, тем большая чать этой картинки видна. При этом контент всегда отпозиционирован по центру. Как такое сделать? И насколько удленит время загрузки страницы такой фон? Заранее, спасибо
0 votes7 answers -
Редко используемый шрифт в макете как логичнее быть
Есть макет в нем шрифты в этом случае Century Gothic, так вот как этот сделать Century Gothic в верстке. Уже много раз возникала подобная ситуация я просто подбирал подобный в верске нужного размера. Например на Century Gothic похож шрифт Verdana. А если хочется сделать так как в макете, а именно использовать этот шрифт как быть или логичнее всетаки не использовать подобные шрифты.
0 votes7 answers -
Установка стиля в зависимости от текста
В CSS есть такая хорошая штука-селектор атрибутов.То есть я могу задать стиль элементу в зависимости от значения параметров:a[href*=site.ru]{color:red;}.Каким образом задать стиль в зависимости от наполнения,типа h3[text*=user menu]{color:blue;}.Все делается в Джумле,генерится автоматически,поэтому все элементы модулей одинаковые,и отличаются только текстом.
0 votes6 answers -
Помогите Подправить Шаблон
Нашел хороший шаблончик http://rghost.ru/2536374 но он нормально отображается только в IE 6. В Opera, Google Chrome и остальных браузер все вверх ногами.. Подскажите что подправить надо то..
0 votes11 answers -
Каким образом делается переадресация сайта
Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???
0 votes7 answers -
Помогите с хитрым меню
В общем я с таким сталкиваюсь впервые, так что прошу вашей помощи. Есть горизонтальное меню, пункты которого (тег li) не фиксированы по ширине и зависят от текста в них. Хитрость в том, что по бокам у этого пункта есть картинки и при наведении они должны меняться. Долго ломал голову и сделал через JavaScript. Но вот косяк из-за использования id: Дальше меня не хватило Вот ту выкладываю архив с данным меню: http://rghost.ru/3728840 Если кто знает как помочь, то можете править прямо в указанном мной шаблоне. Заранее спасибо!
0 votes8 answers -
Индексированные цвета...
В Photoshop копирую фрагмент, вставляю в новый документ, он вставляется в ИНДЕКСИРОВАННЫХ ЦВЕТАХ, далее сохраняю для веб и устройств тоже в индексированных цветах... Это нормально?? Если нет, то как сделать чтобы Ps вставлял и сохранял как надо?? И как надо??
0 votes3 answers -
выпуклая тень для div
научите пожалуйста как добавить блоку такую тень через :before
0 votes8 answers -
Сайт комиксов
Добрый день! Появился один вопрос и никак не могу найти на него ответ в интернете. Друзьям очень нравятся комиксы, ну и вечно советуют их мне. А тут как раз несколько сериалов выходят по ним. Ну я и заинтересовался) Ну а почему бы не совместить приятное с полезным. Вот и решили попробовать с друзьями создать сайт с комиксами. Неизвестно принесёт ли он прибыль, но практика думаю будет хорошая. Но так как опыта не так много, то и появились некоторые проблемы: Ведь сайт комиксов по своим составляющим напоминает сайты онлайн-кинотеатров. Будут ли какие-либо проблемы, если мы начнём выкладывать на сайт комиксы Marvel, DC и других издательств? С одной сторо…
0 votes5 answers -
Вопрос по выпадающему меню
Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь
0 votes3 answers -
Программка - чтобы включать браузеры различных версий
Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб
0 votes13 answers -
Некоректно отображается внешний вид сайта
Помогите пожалста в решении проблемы: после выгрузки сайта с локального сервера на хостинг не показываетнекоторые елементы страницы, сверстано все на CSS . Вот ссылка на сайт http://megaiskra.com.ua . В чем может быть проблема?
0 votes12 answers -
Адаптивный дизайн
Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…
0 votes4 answers -
Проблема с отзывчивой таблицей
Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-