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
-
помогите пожалуйста сделать футер
Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…
0 votes2 answers -
JavaScript
Добрый день Версткой начал заниматься недавно. Вроде научился верстать статичные странички. Хочется уже чего-то большего. Чтобы страничка как-то оживала. Таблички разъезжались по клику, при наведении на кнопку меню - выезжало побочное и т.д. Посоветуете может с чего стоит начать, полный лузер в этой теме. Может учебники, сайты. Ох, уж зацепил темку о книгах. Можно еще книжечек о верстке на div-ax. Книгу для "html - чуть дальше новичка", а то как то "html - для чайников" уже не радует Хотел спросить еще, кто где верстает. Я юзаю TopStyle, есть что-то удобнее? Заранее спасибо, надеюсь кто-то откликнется.
0 votes1 answer -
Расположить блок сбоку от основного (margin: 0 auto)
Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.
0 votes2 answers -
Снова IE
помогите исправить ошибку отображения элементов должно быть так (из Оперы) : http://imageshack.us/photo/my-images/807/operah.png/ а в ИЕ вот так: http://imageshack.us/photo/my-images/19/57035201.png/ помогите пожалуйста исправить этот баг привожу фрагмент файла index.html: <div id='tovary'> <div class='small-knife'> <p class='small-name'><a href='?postid=1'>Нож Выживания Bear Grylls</a></p> <a href='?postid=1' class='small-img'><img src='img/postpics/1336572716_l.jpg'></a> <div class='price-small'> <div class='price'>цена:<br><b>900</b></div> <div class='buy'> …
0 votes2 answers -
object
Здравствуйте. Проблемы использования тега object. Заранее оговорюсь что устанавливал Media Player и QuickTime. Пытаюсь проиграть аудиофайл с помощью медиа плеера и квиктайм Вот так <body> <object classid=" clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" type="audio/mp3" data="1.mp3"></object> </body> Или вот так с помощью квиктайм <body> <object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="audio/mp3" data="1.mp3"></object> </body> Но увы опера и хром показывают белое окно. эксплорер отображает медиаплеер, но не проигрывает файл. Если не вызывать конкретный проигрыватель, например вот так <body&g…
0 votes0 answers -
Рамка к картинке
На одной странице несколько картинок, у одних должна быть рамка, у других нет, как это реализовать?
0 votes4 answers -
Позиционирование элементов
Ребята, покажите пожалуйтса в чем ошибка. http://47823.selcdn.ru/vst/index.html С Фаерфокса если смотреть - стрелочки в последних двух ячейках таблицы прижимаются к левому краю экрана
0 votes1 answer -
Выравнивание блока по центру - альтернатива center
Возникла проблема при вставке баннеров - никак не могу выровнять их по центру, кроме как былинным тегом center. Код такой: <div style="text-align:center;"><!-- Баннер--><div id="k_inline" style="display: block; width: 728px; height: 90px;"><IMG SRC="public/style_images/test/banners/728x90.gif" WIDTH="728" HEIGHT="90" BORDER="0" ALT=""></div><!-- /Баннер --></div> Обращаю внимание, что на код между <!-- Баннер--> и <!-- / Баннер--> я повлиять не могу, он формируется java скриптом. Спасибо
0 votes2 answers -
Проблема cо ссылкой
Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="sty…
0 votes4 answers -
Как работает readonly у textarea
Подскажите пожалуйста, как работает readonly у textarea. Вот я задал ширину и высоту, и я не хочу что бы пользователь мог растягивать как хочет это поле, но почему то не получается сделать так у меня. Может я не правильно понял как оно работает? <p><textarea class="comment-textbox" name="comment" readonly></textarea></p>
0 votes1 answer -
Прижать элемент
Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt
0 votes2 answers -
Убрать белый фон на button img
Делаю выбор фона для пользователя, что бы работать с картинками поместил их в button, но проблема в том что появился белый фон, пытался убрать так: background-color: transparent; border-color: transparent; Не помогло. https://jsfiddle.net/Mavili/vswbhLgd/ Как удалить пост? Я решил вопрос
0 votes0 answers -
Автоопределение ширины колонки в таблице.
Доброго времени всем. Скажите плиз, как отключить авто-определение ширины колонки в браузере IE-6,7? Т.к. Firefox,Opera не меняют ширину колонки установленную в 100px; а IE занимается произволом -) Заранее спасибо.
0 votes3 answers -
Сокращение кода
У меня такая проблема написал сайт вручную на html и сss есть div для новостей. Приходится менять информации на всех страницах сайта вручную Можно ли создать файл только с div новостным и вставить ссылку на каждом странице на этот фаил. Для того чтобы изменять сайт в 2 клика? Заранее спасибо
0 votes4 answers -
Помогите немогу розобраться с версткой
Привет всем, В общем то понял общий принцип верстки, но как взялся за дело сразу грабли. Я розмещаю блоки на сайте с помощью марджинов: в основном топ и лефт марджин. Вроде все было нормально, но я увидел, что при уменьшении размера экрана блоки, которые позиционированы с помощью моей технологии лезут влево. Я понимаю почему они это делают, при изменении розмера экрана, но не понимаю какк этому поприпятствовать. Вот общая структура сайта, подскажите плз, как задвать, так чтобы при изменении розмера экрана сайта не розежжялся - потяно что он будет видноизменятся, но чтобы пропорции оставались те же и елементы тоже.
0 votes2 answers -
Проблема с полосами прокрутки
Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…
0 votes3 answers -
выровнять блок меню с любым количеством пунктов
подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…
0 votes3 answers -
Проблема с прозрачными картинками
http://clan-amp.ru/site/content/index.html .contenttelo{ position: relative; width: 820px; } .contenttop{ width: 820px; height: 213px; background: url('../images/contenttop.png'); } .contentbody{ width: 820px; min-height: 259px; background: url('../images/contentbg.png') 0 200px repeat-y; } .contentbody div{ padding: 0 120px; background: url('../images/contentbody.png') no-repeat; } .contentbottom{ width: 820px; height: 399px; background: url('../images/contentbottom.png'); } .contenttext{ margin-top: 0px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link re…
0 votes2 answers -
Как описать стили для текстового поля в форме?
Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <table border="0" cellspacing="0" cellpadding="0"> <form name="form" method="post"> <tr> <td><label>Название категории:</label></td> <td><input type="text" name="title" value="" required /></td> </tr> </form> Так не получается: table form tr td input[type=text] { тут стили }
0 votes3 answers -
underline и sup
Сделал ссылку с подчеркиванием. А в ней велечина м2, с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?
0 votes2 answers -
Кнопки скачут
Вот здесь кнопки от твиттера и вк на разном уровне находятся, я уже по всякому пытался их выровнять, но не получается. может быть кто то сталкивался с пообным и знает решение? Спасибо заранее
0 votes1 answer -
как сделать чтобы div тянулся вниз на 100 процентов
как сделать чтобы div тянулся вниз на 100 процентов
0 votes2 answers -
checkbox со скрываемой формой
Всем, привет! Помогите пожалуйста разобратся, в данном коде при нажатии на второй бокс, активируется первый эриатекст ((( Как сделать независимыми позиции? (планируется их множество) <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibl…
0 votes2 answers -
first-child
Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…
0 votes3 answers -
Несколько стрелок в tooltip'e
Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-