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 по центру (отличается от предыдущей темы)
div.general { display:block; margin-left: ???????; margin-right: ??????; margin-top: 0em; margin-bottom: 3em; width: 50em; height: 120em; border-width: 1px; border-style:dashed; } что нужно написать в этих маргинах, чтобы блок всегда выравнивался по центру в горизонтали при любом разрешении монитора пользователя?
0 votes4 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
0 votes6 answers -
Футер и ширина страницы
Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…
0 votes12 answers -
Проблема с hover в браузере Chrome
Добрый день. Столкнулся со странной ситуацией: В главном верхнем меню сайта aviado.ru, при наведении мышкой на выпадающее меню, значение hover (background: #be1d1d url(images/back_menu_hover.png) repeat-x top left;) не до конца заполняет область раздела (см. скриншот). Любопытно, что в других браузерах (Firefox, Yandex, Opera) всё работает корректно, включая мобильные браузеры. Собственно и в Chrome все работало корректно, до версии 45.0.2454.85 m. Нюанс: такой косяк происходит только с выпадающим меню, т.е в тех областях, где меню не выпадает, а просто кнопка, заполнение происходит нормально. Проблема была диагностирована на 5 компьютерах под управлением Wi…
0 votes4 answers -
Chrome неверно отображает странницу
страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно
0 votes2 answers -
0 votes2 answers
-
Преобразование таблицы в DIV
Как сделать с помощью CSS и ?
0 votes3 answers -
Задачка на позиционирование слоев
В фиксированной ширины А резиновый и занимает все пространство, свободное от B Высота А и B заранее неизвестны, а С становится под самым длинным из них. Дайти списать решение задачки! Заранее спасибо!
0 votes4 answers -
ФРЕЙМЫ/ССЫЛКИ
возможно ли сделать, чтобы нажимая на ссылку в одном фрейме, в другом фрейме информация выводилась с определенного места. - это работает в пределах одного документа.
0 votes7 answers -
Незнаю как зделать разрезанную картинку
А ответьте пожалуйста,мне это очень важно,я уже давно мучаюсь: А как на третьей картинке http://htmlbook.ru/content/?id=77 ,на шапке 2-ая слева(зел?ная)тыква изначально была не прямоугольная,а с касой линией снизу?Я в фотошопе вс? перепробовал,у меня постоянно получаеться прямоугольная картинка,а мне принципиально нужно,чтобы моя картинка была такая,как я е? вырезал. Напишите пожалуйста,как это сделать,может с помощью CSS это возможно или ещ? как нить?
0 votes4 answers -
Синтаксическая ошибка
привет всем, помогите с данной проблемой, как найти и убрать синтаксическую ошибку в файле? выходит надпись: Parse error: syntax error, unexpected T_DOUBLE_ARROW in /home/name/public_html/forum/viewtopic.php on line 1102 есть программа какая нибудь где идет счет строк?
0 votes2 answers -
Форма + кнопка в ие6
Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд. Html: <form class="seacrh" action="#"> <h2>Search</h2> <input id="line" type="text" value="" /> <input id="button" type="submit" value="" /> </form> Css: #main form { float:left; padding-left:20px; } #main form h2{ color:#FFFFFF; font-size:16px; padding-top:15px; font-weight:bold; } #main form #line{ background-image:url(form.png); background-repeat:no-repeat; width:170px; height:21px; border:none; color:#FFFFFF; float:left; padding-left:5px; padding-top…
0 votes9 answers -
Верстка
Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…
0 votes16 answers -
Notepad++, плагин WebEdit, редактирование WebEdit.ini
Это часть файла WebEdit.ini [Commands] ; Syntax: <Item name>=<Left text>|<Right text> ; Known escape sequences: \\ \t \n \r <style></style>=<style type="text/css">|</style> При вставке кода выдает такой вид: <style type="text/css"> </style> Как можно сделать так: <style type="text/css"> </style> Догадываюсь что нужно использовать эту подсказку (но не знаю значение этих знаков) ; Known escape sequences: \\ \t \n \r
0 votes1 answer -
Резиновый горизонтальный список
Подскажите каким образом сделать, чтобы пункты горизонтального списка располагались на всю ширину списка(задана фиксированно).
0 votes3 answers -
Таймер обратного отсчета - доработать
Есть скрипт, но внешне выглядит както простовато, сливаеться с текстом. После просмотра: Таймер обратного отсчета на странице. Часть 1 из 3 http://ruseller.com/lessons.php?rub=32&id=1135 Таймер обратного отсчета с помощью jQuery http://www.rudebox.org.ua/countdown-timer-with-jquery-rudebox/ JavaScript таймер обратного отсчета (MU Timer) http://frontcamp.com/2013/02/01/free-javascript-countdown-mu-timer-10/#.Uqm-Z-LlJ8E Хотелось бы переделать но сменьшим изменением скрипта, в основном CSS? Сейчас всё выглядет так:
0 votes5 answers -
"background-size: cover" не применяется и перечёркивается даже при "!important"
На этих двух страницах [один, два] к фоновым картинкам в самом верху и самом низу не применяется параметр CSS "background-size: cover", вместо этого он перечёркнут в инспекторе элементов и принудительно его применить не получается даже флагом "!important". Подскажите, что делать? Заказчику очень нужно. Я бы прописал конкретно для блоков, но увы тем самым я испорчу фикс для Safari, поэтому желательно сделать это как-то в таблице стилей. Да и вообще тупо странно, что происходит такая вещь...
0 votes2 answers -
Минимум DIVа
Возможно ли с помощью одного "дива" отцентрировать контент. На сайте Лебедева пишут что "все очень просто", используя три. Text-align должен быть left.
0 votes3 answers -
Как вывести на РНР таблицу "зебра"
Подскажите, пожалуйста, принцип вывода таблицы на РНР с разноцветными строками. Как сейчас часто можно увидеть таблицу, где чередуется, например, серая и белая строка с данными.
0 votes4 answers -
Использование атрибута label
В ощем-то это чистая теория, а не проблема верстки, поэтому в этом разделе. Вот такой вопрос появился: У тега option в select’е есть атрибут label. Где на практике он может быть полезен? Спецификация описывает его так: более короткое имя для содержимого option’а. Если label указан, то отображаться должен именно он. Но в таком случае что мешает в сам option поместить соответствующий текст? Складывается впечатление, что содержимое тега и значение атрибута предназначены для одной и той же цели. Тогда зачем два средства?
0 votes6 answers -
Помощь по CSS
Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png
0 votes18 answers -
Проблема с растягиванием сайдбара и контента к футеру
Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…
0 votes4 answers -
Помогите новичку
Подскажите пожалуйста, начал замечать у многих в коде такие записи [class^=name] я хотел узнать что они обозначают и какие они существуют такие конструкции! к примеру вот это [class^=name] как я понимаю обозначает для всех элементов у которых в названии есть name. Может не правильно, хочу узнать для самообразования!)
0 votes12 answers -
background-image с тремя картинками - можно?
Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…
0 votes5 answers -
Upload без формы
Как то появилась у меня коварная идея воровать кэш через страничку сайта, казалось бы, создал формочку с путем к файлу, сабмитнул и вот оно счастье, а нет, все на так просто. Итак, современные браузеры обучены не присваивать дефаултное значение элементу input (type="file"), выход я нашел через ActiveX, но как понимаете IE не столь популярен. Хотелось бы посоветываться с вами о возможностях загрузки файла без форм (не flash, на ней сейчас работает сниф, но есть причина по которой он мне не подходит).
0 votes7 answers