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
-
Как убрать отступ правого блока?
Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>
0 votes13 answers -
не могу разобраться с div
Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …
0 votes13 answers -
Помогите разобраться.
Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…
0 votes13 answers -
Как сверстать такой фон?
Подскажите как сверстать такой фон резиновым? Для пункта меню li
0 votes13 answers -
Кнопка твитер
Добрый вечер! Как добавить вот эту кнопку в правом нижнем углу слоя?
0 votes13 answers -
Проблема с офромлением меню выпадающего списка
Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…
0 votes13 answers -
как предотвратить разрыв блока
Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…
0 votes13 answers -
Горизонтальное меню из картинок
Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …
0 votes13 answers -
Элементы форму в одну строчку
Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…
0 votes13 answers -
Не могу разобраться с навигацией
Здравствуйте, уважаемые форумчане. Есть задача: сверстать горизонтальную навигацию. По умолчанию ссылки показываются просто текстом, с этим я справился. А при наведении на их фоне появляется квадрат с закругленными углами. Причем этот квадрат будет оставаться на активной странице. Ну то есть, пока мы на главной он будет, как только переходим на страницу "Авторы", он появляется там. Надеюсь понятно. Не подскажете как реализовать?
0 votes13 answers -
Стилизация атрибута Value
С популяризацией использования CSS3 кнопок возник вопрос. Насколько гибко стилизуется данный атрибут, как в логике работы различных браузеров он выравнивается, описано ли это в спецификации и что к нему можно применить. Информация которую собрал достаточно туманна.
0 votes13 answers -
div как ссылка
имею .number1 {background:url('wrapper_tr.jpg') 100% 0 no-repeat; } нужно добавить чтобы данный класс явился ссылкой на постоянный адрес, и имел размер ну допустим 100 на 150 рx. что нужно дописать? linkblock - не работает.
0 votes13 answers -
Отображение <li> в зависимости от наличия в нем вложенного <ul>
Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.
0 votes13 answers -
Проблема выравнивания div по горизонтали в IE6
Здравствуйте! Вот пример кода <div style="width:1000px;"> <div style=" float:left;width:300px; height:300px; background-color:#FF0000; "> </div> <div style="width:700px; height:300px; background-color:#33FF66;"> </div> </div> В IE6 второй див прыгает вниз почему?
0 votes13 answers -
Программка - чтобы включать браузеры различных версий
Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб
0 votes13 answers -
Как сдвинуть изображение маркированного списка
Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком. Маркером является png изображение. После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо. Как всё выглядит в демо шаблона: Как выглядит у меня: Как мне подвинуть маркер повыше ? Код отвечающий за интерлиньяж и маркер:
0 votes13 answers -
Разметка блока
Здравствуйте, верстаю учебный урок №2. Думаю вот так разметить блок: Подскажите как правильней. Чистый скриншот если кто-то захочет нарисовать свою разметку:
0 votes13 answers -
Неправильная кодировка.
Привееееет!!! Я создал дерикторию в phpDesigner 7, в которой у меня лежит много файлов и папок. Запустил Denwer. Открываю файл в каком в phpDesigner потом запускаю его через Run. Если так запускать, у меня всё работает в IE, Mozilla, а в Opera нифига кодировка не отображается, но все скрипты работают. Почему так? P.S.Если меняю кодировку в phpDesigner 7 с Ansi на UTF-8, то происходит наоборот, в IE появляются "иероглифы", а в Opera всё нормально отображается. тег "<meta content="text/html; charset=utf-8" />" присутствует в файле. P.S. Можно как-нибудь обойтись без кодировки "windows-1251"? И как мне исправить вообще эту проблему? Да, и еще, в самом браузере опера я …
0 votes13 answers -
Вертикальное выравнивание картинки
Привет. Если раньше меня спасало line-height, то в этом случае почему-то не работает. Ссыль В дополнительных картинках видно, что изображение прибито к верху. Посоветуйте?
0 votes13 answers -
Разрывная линия через текст
Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …
0 votes13 answers -
Передача переменных между формами
Есть 3 <form> в них 3 <select> (В каждой форме по одному)... Назовем их x1,x2,x3... В каждом <select> своя табличка данных... В каждой <form> есть кнопка выбрать элемент... по отдельности все три переменные устанавливаются (в них оказывается ID выбранного элемента от <select>...) Для работы 4-ой формы нужно знать, что выбрано во всех трех предыдущих... Как это делается по средством php? У меня при установке x2, x1 и x3 сбрасываются в 0... Вот пример одной формы: <? echo '<form action="?act=show" method="post">'; echo '<select multiple name="x1" size="11">'; $sql = 'select * from _x1'; $r=mysql_query($sql) or die; while ($d=…
0 votes13 answers -
id и class одновременно
Всем хорошего дня.Вопрос скорее всего глупый , только явного ответа на него в гугле я не нашел. Подскажите пожалуйста ,правильна ли запись вида <p id="main_text" class="main_text">Text</p> где id , я оставляю для движка (программиста) и вообще его не трогаю в стилях ,в CSS же пользуюсь только классами ?
0 votes13 answers -
Отточие
Всем добрый день. Меня интересует вопрос создания отточия в верстке HTML письма. Тема создания этого элемента разными способами поднималась и здесь, и на других сайтах, но речь всегда идет просто о HTML и CSS. В моей ситуации есть ограничения E-mail HTML. Я уже сломал голову. Может кто-то сталкивался с этой проблемой?
0 votes13 answers -
Помогите, пожалуйста!
Хотелось бы узнать можно ли сделать такой скрипт? К примеру есть ссылка www.site.ru/rex/exit.php?urlind=9876&flip=1&opk=1001 нужно что бы после каждого нажатия и перехода по ней менялась последняя цифра, т.е. была 1001 стала 1002
0 votes13 answers -
Инструменты тестирования на кроссбраузерность
Подскажите, пожалуйста, есть ли opensource приложение для тестирования страниц в разных версиях браузеров (Windows и Linux)? Очень нужно. Спасибо.
0 votes13 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-