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
Здравствуйте. Помогите, пожалуйста, или отошлите к нужной ссылке 1. Есть шаблон с двумя колонками. Нужно чтобы эти колонки были одинаковые по высоте <body><div id="container"> <div id="rightcol"> <h4>Меню</h4> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Раздел 1</a></li> <li><a href="#">Раздел 2</a></li> </ul> </div> <!-- rightcol --> <div id="content"> <h1>Название страницы</h1> <p>Бла бла бла бла бла</p> <p>Бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла…
0 votes8 answers -
Проблемы с меню
a:hover { color:#e5964b; text-decoration:none; font-weight: 600; text-align: left; display:block; background: url("/images/menuicon.png")no-repeat; left = 50%; } У меня такой код для ссылки "hover". Картинка /images/menuicon.png должна появляться слева от текста после наведения курсора, а появляется под ним. Как выравнить ее влево от текста? http://s54.radikal.ru/i143/1001/bc/d03b660f7dd0.png
0 votes8 answers -
Левые отступы в IE6
Признаюсь: верстальщик из меня никудышний, про css имею смутное представление, я обычно рисую, а верстает кто-то другой. НО... Попросили меня причесать Джумловый шаблон. Решила попробовать, что, думаю (наивная!), по готовому-то... Уже скоро сутки воюю с некоей конструкцией из div-ов. В Опере всё красиво и без дырок. А в IE - вся моя красота разваливается из-за непонятно откуда берущихся отступов по бокам div-ов. Они перестают помещаться в строку, перескакивають на следующую и т.п. Вот так: И больше всего озадачивает знаете что? Если страницу обновить (F5), то отступы исчезают (ну, почти...): А если зайти по ссылке - все эти долбаные дырки тут как тут. Понимаю, что пробл…
0 votes4 answers -
firefox не понимает
В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s…
0 votes13 answers -
Нужны совет по написанию
php или javascript Идея такая, кнопка или картинка, при нажатии которой должжно всплывать окно(700 на 500) или просто открытие новой вкладки с html кодом. И всё это в php одним файлом и одним кодом без использования css и AJAX, html5.. Помоггите советом, каким образом, можно сделать?
0 votes13 answers -
Лучший способ создать кнопку с input [type='submit']
Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;…
0 votes5 answers -
почему тень не перекрывает элементы?
Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?
0 votes8 answers -
<ul> <li>
нужно сделать типа такой контент проблема заключается в том что не получается добавить разделители (черные линии) между блоками, так в теге li присутствует уже фон (синий). прописывая background в общем теге li ни к чему не приводит. li { float: left; width: 220px; display: block; margin-right:30px; } li.01{ background: url(image.jpg) no-repeat 0px 0px; } li.02{ background: url(image.jpg) no-repeat 0px 0px; } li.03{ background: url(image.jpg) no-repeat 0px 0px; } li.04{ background: url(image.jpg) no-repeat 0px 0px; } <ul> <li class="01"> <h1 class="">01</h1> <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing e…
0 votes5 answers -
Как обрезать один DIV другим?
Один div внутри другого. Как сделать чтоб div2 не вылазил за пределы div1, а обрезался? Т.е. от красного div должен остаться только маленький квадратик, который остался на div1. <div id="div1" style="background-color:Yellow; width:100px; height:100px;"> <div id="div2" style="position:relative; left:-40px; top:-40px; width:50px; height:50px; background-color:Red;"> </div> </div>
0 votes1 answer -
Формы+Шрифт в разных браузерах
Обычная форма: <html> <style type="text/css"> body { color:#a2a4a3; font:12px/18px Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: normal; } </style> <body> Тут текст<input type="text" name="login" size="11" maxlength="20"> тут идет тоже текст<input type="password" name="password" size="12"> <br><br> <textarea name="textarea" cols="43" rows="20">111111111111111111111111111</textarea> </body> </html> Но у меня возникает две проблемы: 1. Разный шрифт в Opera и Firefox. Хотя как мне кажется я все верно указал. Из-за этого расстояние меняется. Как его верно установить что бы он был…
0 votes6 answers -
Странности отображения горизонт. меню
Вот такая проблема. Есть горизонтальное меню, которое в хроме, опере и сафари отображается как надо. А в фоксе и IE отображается неправильно с какой то рамочкой. Откуда она берётся и как это подправить? Меню представлено здесь: сайт. Кстати, если можно подскажите как вообще убрать это белое выделение и заменить его на смену картинки.
0 votes9 answers -
html-коды
Привет всем. Ребят не знаю даже и с чего начать... не давно начал изучать html ....из-за работы был вынужден не могу понять некоторые коды, и инфу о них найти не могу... вот выдрал часть из сайта на который мне дали права админа.... и сказано было устранять проблемы .... но сейчас не об этом... вот: <?if(IsModuleInstalled('sale')):?> <table width="100%" cellspacing="1" cellpadding="1" border="0" style="border-collapse: collapse;"> <tbody> <tr><td> <br /> </td><td valign="top" align="right"> <p align="right"><?$APPLICATION->IncludeComponent( "bitrix:sale.basket.basket.line", ".…
0 votes2 answers -
Не получаются сайты на практике
Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…
0 votes14 answers -
mso-ignore и другие mso- свойства
Обнаружил эти свойства, конкретно mso-ignore, документации на русском не нашел. Решил тут спросить перед англопоиском, кто нибудь знает?
0 votes1 answer -
Фиксированный Div в Блоке
Добрый день. Подскажите, как сделать так, чтобы фиксированный div block двигался только в div 1, при скролле не наезжая на другие блоки и не выходя за div 1. То есть у block стоит position:fixed и чтобы он двигался в div 1, не выходя за этот блок. Надеюсь понятно рассказал. Спасибо.
0 votes3 answers -
столбцы из li или div
Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!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" xml:lang="ru" lang="ru"> <head> <t…
0 votes7 answers -
Проблема позиционирования (отступов) в ИЕ6
Доброй ночи, собтвенно проблема заключается в следущием: Выравнивание меню во всех современных браузерах отображается нормально, не сьехавшим. В ИЕ6 почему то появляется "отступ". Помогите, кто с таким уже сталкивался? Сама ссылка http://karnavalmasok.ru/index.php
0 votes6 answers -
Фон дива
В общем я только начинаю учится всему этому, так что чур камни шибко не пинать. Пока делаю простенький сайтик. Значит так на странице у меня один главный блок <div id = "container">(рабочее поле сайта) внутри которого есть <div id = "header">(собсна шапка), <div id = "text">(с основным содержимым сайта, т.е. всякие новости, статьи и тд.), <div id="news"> и <div id="footer">. <div id="news"> расположен справа от <div id = "text"> и он представлен в виде не широкой колонки в которой будут выводится ну предположим краткие новости эта колонка имеет свой фон(ввиде картинки, точнее маленький полупрозрачный одноцветный прямоугольник). С…
0 votes5 answers -
!Doctype
Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?
0 votes4 answers -
<table> in <div>
всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )
0 votes8 answers -
Как сделать статистику ?
Доброй ночи уважаемые Гуру!Подскажите как сделать возле каждой кнопки "скачать" свою мини статистику,например: Кнопка "Скачать" возле неё на против сколько раз файл просмотрен и сколько раз этот файл скачали. Возможно ли так сделать?если да,то как??? - Это не на форум,а на каждую страничку сайта где есть кнопка скачать. Вот пример как тут: http://www.twirpx.com/file/41594/ Заранее БОЛЬШОЕ СПАСИБО.
0 votes6 answers -
Неправильное построение DOM в ie7
На сайте есть меню вверху с разделителем. Меню сделано списком. Разделители - div.sep <ul class="menu" id="topmenu"> <li class="item-101 current active"><a href="/" >На главную</a></li> <div class="sep"></div> <li class="item-102"><a href="/index.php/about" >О проекте</a></li> <div class="sep"></div> <li class="item-103"><a href="/index.php/news" >Новости</a></li> <div class="sep"></div> <li class="item-104"><a href="/index.php/advertisers" >Рекламодателям</a></li> <div class="sep"></div> <li class="item-105"><a hr…
0 votes2 answers -
Как сделать пересылку на странице?
Как сделать пересылку на странице чтобы она меня кидала куданибуть на другой сайт?
0 votes5 answers -
колонтитулы верхний и нижний
на одном мо?м сайте есть "шапка": повторяющиеся на нескольких страницах элементы с картинками и ссылка. очень трудно их обновлять на каждой странице. как тегом можно сделать так, чтобы верхний и нижни колонтитулы компьютер брал из одного отдельного места?
0 votes7 answers -
Два позиционируемых дива внутри основного
Дано: есть див "content" в нем два дива "left" и "right" которые накладываются друг на друга. Задача: При растягивании "right" в зависимости от наполнения "content" должет так же растягиваться поправка, "left" тоже нужно растянуть Проблема: Если использовать позиционирование, то не растягивается, а если не использовать то не получается перекрытия двух слоев... Код: #content { position: relative; margin: 0px; padding: 0px; width: 880px; min-height: 520px; left: 0px; top: 0px; z-index: 1;} #left { position: absolute; width: 200px; height: 500px; left: 0px; top: 10px; z-index: 1;} #right { position: absolute; width: 780px; left: 100px; top: 10px; z-index: 2;} <d…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-