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
-
Домен и тематика сайта
Здравствуйте! Я начинающий в сайтостроении. Знаю примерно 40% html-тегов, разбираюсь в CSS, понемногу учу JavaScript и только знакомлюсь с PHP. Собственно, представился. А вопроса у меня два, причем, достаточно глобальных. Решил объединить их в одну общую темку, дабы не создавать нагромождения. Итак... Вопрос первый. Домен сайта. Какое доменное имя лучше - COM, ORG, NET или RU?. Насколько я начитался информации по просторам интернета, абсолютно все эти домены индексируются поисковиками одинаково. Причем, сайт в зоне RU можно купить значительно дешевле. К сожалению, сейчас ввели паспортизацию доменов, а так как тематика сайта желает оставлять данные владельца домена конфид…
0 votes8 answers -
Расположение фона страницы
<style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?
0 votes7 answers -
Мистика в IE 8
Здравствуйте. Не могу понять с версткой одну мистику: IE 8, имеются два одинаковых селекта для которых прописаны свойства position: relative и left: 20px. Один из них отображается корректно, а второй съезжает, самое интересное когда в инструментах разработчика для кривого селекта убираешь галочку с left: 20px, а потом сразу же ее возвращаешь, при этом по сути ничего не поменяв - selectы становятся на свои места. Вот как так? <!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> <meta http-equiv="Content-Type" content="text/html; charset=…
0 votes9 answers -
Проблема c text-shadow и opacity в Chrome
Здравствуйте. Сегодня мне нужно было сделать эффект исчезновения и появления текста, и я заметил баг в браузере Google Chrome. Заключается он в том, что, если на текст наложен эффект text-shadow, то этот эффект не отображается пока opacity не станет равен 1. Кто-нибудь сталкивался с такой проблемой? Есть идеи как её решить?
0 votes5 answers -
в IE7 пропадают объекты, интересный случай
Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…
0 votes3 answers -
раздел во весь экран по высоте
здравствуйте! подскажите что можно сделать. на странице есть header и footer. нужно, чтобы два раздела между ними (main1 и main2 на рисунке по ссылке выше) по высоте занимали все остальное место экрана, вне зависимости есть в них контент или нет.
0 votes4 answers -
Глюк в Chrome (требуется помощь в решении)
Имеется такая форма с select: <select> <option value="0" selected="selected">Не указано</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> ... <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> ... </select>? Проблема в том что в Chrome, если количество <option> со стилем display: none…
0 votes7 answers -
Текст не зачеркивается в Opera (text-decoration: line-through)
Проблема такая: Красная цена должна быть зачеркнута, но в опере она почему то не зачеркнута, Код такой: text-decoration: line-through!important; Вот адрес на страничку Сайт
0 votes5 answers -
Слайдер
Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.
0 votes4 answers -
Не работает required на андроиде
Здравствуйте! Не работает аттрибут required на стандартном андроидовском браузере. На семерке всё нормально работает. А на андроид планшете и телефоне форма спокойно отправляется. Подскажите, пожалуйста, решение данной проблемы.
0 votes1 answer -
Рисование на чистом CSS
Есть ли у вас на примете визуальный редактор в котором можно было бы сразу рисовать в CSS? Хочется реализовать что-то в этом духе: http://marvelapp.github.io/devices.css/
0 votes1 answer -
Проблема с высотой input в разных браузерах
Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!
0 votes3 answers -
Как запретить в IE всплывание на картинке <img></img> менюхи?
графического меню, с предложением распечатать, сохранить?? как это заблочить??
0 votes1 answer -
Проблемы с iframe
Здравствуйте! Помогити ламеру разобраться У нашей конторы на сайте есть блок который вставляется при помощи iframe Примерно так ^M ^MМне необходимо в wether.html поместить баннер, но так как он идет фреймом он открывается только в этом блоке. Чем я могу заменить тег iframe.
0 votes7 answers -
Расположение списка горизонтально и замена маркера
Добрый день. Не получается никак расположить элементы списка горизонтально и одновременно изменить маркер на рисунок. Получается что-то одно, либо расположить, либо заменить, вместе никак. ul { margin: 0px; padding: 0px; list-style-image: url('bread.jpg');} ul li {display: inline;} Что-то не так в стилях?
0 votes1 answer -
позиционированный слой не выходит поверхдругих
подскажите, как сделать, чтоб позиционированный слой отображался поверх всех слоев, а то у меня только в родительском нужно, чтоб контейнер menu отобрражался поверх header navigation и panel html <?php session_start(); include "include/configuration.php"; include "include/function.php"; ?> <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <title><?ph…
0 votes0 answers -
Несложня задача по горизонтальному позиционирования
Здравствуйте, мне нужно чтобы выделеннный кусок (ниже я выделили в коде), при прокрутке оставался на месте, аналогично как http://www.becausestudio.co.uk, сам я версткой ни когда не занимался, но вот жизнь заставила, приблизительно я догадываюсь как это делать, но пока сам разберусь, нету времени, желательно чтобы профи ткнули носом) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Tender._Default" %> <!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 runat="server"> <meta http-equiv="C…
0 votes1 answer -
От таблиц HTML к div-ам CSS
Здравствуйте! Помогите мне перейти от таблиц к div-ам, т.е. чтобы отображение было точно такое же, только на div в css. (Заменить собственно table, tr, td) Вот данные: <div id="info2"> <table height="100%" width="100%" border="0"> <tr> <td><div id="tabl"><a href="#"><b>1</b></a></div></td> <td><div id="tabl"><a href="#"><b>2</b></a></div></td> </tr> <tr> <td><div id="tabl"><a href="#"><b>3</b></a></div></td> <td><div id="tabl"><a href="#"><b>4</b></a></div>&l…
0 votes3 answers -
выделенный пукт вертикального меню в IE6
Добрый день! Столкнулась с такой проблемой: есть вертикальное меню с галочкой напротив выбранного (меню 2х уровневое). везде все ок, но вот в эксплорере 6 галочка отображается везде: Помогите пожалуйста советом, как это можно исправить, и можно ли! Буду очень благодарна. исходный код HTML <td class="leftmenu"> <ul> <li class="a"><a href="connectors.html">Соединители</a><br/><hr class="menu" /> <ul id="leftmenu1"> <li><a href="high_voltage.html">Высоковоль…
0 votes10 answers -
Рельефный текст
Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/
0 votes6 answers -
Селекторы в CSS
Доброго времени суток! Если не сложно не могли бы Вы объяснить работу селекторов на простом примере и дать рекомендации по работе с ними. Предположим есть HTML код: <ul class="label1"> <li class="text1"> <li class="text2"> <ul class="label2"> <li class="text3"></li> </ul> </li> </ul> если мы запишем CSS код: ul + li { /* произвольный стиль */ } то к text1 и к text3 будет применен произвольный стиль т.к. они стоят сразу после ul, а как понять следующие случаи: ul > li + li { /* произвольный стиль */ } и li + ul > li { /* произвольный стиль */ } ??? Очень надеюсь, что Вы поможете разобраться.
0 votes8 answers -
Галерея Wordpress
Задумка такая, чтобы простой обыватель, не знакомый с кодом html мог через админку wordpress добавлять изображения на страницу, но чтобы они при этом открывались как через какой-нибудь lightbox, т.е. красивенько так. Есть ли возможность это сделать, т.е. чтобы не в ручную прописывать rel для каждой ссылки-изображения, а чтобы это делалось само автоматом. С фильтрами я не знаком, но может есть такой плагин, который позволяет загружать изображения и добавлять им это свойство?
0 votes8 answers -
Как расположить один блок поверх другого?
Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome -->…
0 votes0 answers -
Меню с углами
Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.
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
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-