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
-
mod_rewrite на конце слэш
Здравствуйте! Вопрос касается mod_rewrite,хочу чтобы например при наборе в адресной строке и вообще если ссылается страница со слэшем на конце где page2 http://name.ru/page/page2/ адрес заменялся на тот который без слэша http://name.ru/page/page2 как сделать?
0 votes6 answers -
скругление-эллипс нижних углов блока
Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю border-radius: 0 0 50%/5%; - скругляется нижний правый угол но если задать border-radius: 0 0 50%/5% 50%/5%; - то блок остается квадратным https://jsfiddle.net/1ndr2qq1/
0 votes2 answers -
[body] Растянуть изображение по высоте с сохранением пропорции
Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции? (посмотреть прикрепленное изображение)
0 votes2 answers -
margin в mozilla не работает
Вывожу новость в div, внутри этого div выводится div с рисунком. Вот этот див с рисунком имеет class=picture: div.picture{ float: left; width: 90px; margin: 6px; } Я так понимаю, что margin: 6px означает, что со всех чторон отступ от других элементов должен быть как минимум 6px, в ie и opera все так и работает, а вот в мозиле вложенный div вылазит из родительского. Добавлял в стиль родительского div'a padding-bottom, так вот этот отступ работает от вставленного текста, т.е. на вложенный div он внимания не обращает, подскажите как с этим бороться? Пример: www.xepb.ru/~roma/news.php там можно зайти в галерею там это очень четко видно. и текст наползает на див. Зараннее …
0 votes2 answers -
Проваливается футер
У меня на сайте, если смотреть в IE, футер отстоит от основного содержания страницы примерно на 300px. Что я только не делала - убрала все лишние маргины и паддинги, никак не удается его поднять. Пользоваться отрицательными маргинами не хочется, тем более. что в других браузераз сайт отображается нормально. Никто с таким глюком не сталкивался? Поделитесь мыслями на тему.
0 votes8 answers -
проблема с колонками ...
Вот код. Я хотела бы чтоб "левый" и "правый" колонки ростянулись до конца высоты. Не получается. #Bgcolor2 - min-height:100%; не отображается #Bgcolor1 -height:100%; в ие6 нормально В чём проблема? (( /* CSS Document */ body{margin:0; padding:0; width:100%; height:100%; background:#9999CC;} html, body{margin:0; padding:0; width:100%; height:100%;} *{margin:0; padding:0;} #Container{width:900px; min-height:100%; height:auto !important; background:#CCCCFF; height:100%; border-left:5px solid; border-right:5px solid; position:relative; left:50%; margin:0 0 -50px -450px;} #Content{width:900px; height:100%; position:relative;} #Bgcolor1{width:200px; background:red; position:r…
0 votes6 answers -
Борьба с селектом, браузер: ie6
Всем давно известно, что если спозиционировать абсолютно, какой-нибудь блок и если под ним окажется select: в IE мы столкнёмся с геморроем.. Есть вариант, перекрыть эту проблему, iframe, но что делать если у тебя блок не с фиксированой высотой и шириной? Ведь iframу нужно выставлять только фикс. ширину и высоту.. в % не катит. Что нужно прописать в css, чтобы iframe тянулся вместе с div-ом, хотя бы по высоте?
0 votes16 answers -
Правильный новостной заголовок
Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?
0 votes6 answers -
100 однотипных страниц
Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?
0 votes4 answers -
<del> или text-decoration:line-through;
Здравствуйте! Вот столкнулась с такой дилеммой. На сайте нужно старую цену сделать зачеркнутой. Что лучше выбрать для решения этой задачи: <del> или text-decoration:line-through; Нужно, чтобы максимально работало во всех браузерах, а также, при формировании сниппета в поисковой выдаче было все корректно.
0 votes13 answers -
Где находить сайты правильно с верстанные чтоб можно было смотреть у них как сделано ?
Можете подсказать сайты хорошо сверстанные чтоб можно было смотреть как у них сделаны те или иные элементы.
0 votes2 answers -
Обрезка лишнего текста
Всем привет! Нужно сверстать вот такой вот блок с текстом И нужно поставить "обрезание" текста в случае если комментарий будет больше 3-х рядков Вот что у меня получилось Как же его правильно сделать ?
0 votes17 answers -
таблица без полей
Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…
0 votes1 answer -
подавление сообщений
можно ли подавить сообщение "данная форма отправляется и т.д" не прибегая к PHP и PERL?
0 votes8 answers -
Баг Ie С Вложенной В Абсолютно Спозиционированный Див Гиперссылкой
<!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> <style type="text/css"> .wrapper {position: absolute;width: 15px;height: 20px} .wrapper a {display: block; position: relative; width: 15px; height: 20px; border: 1px solid red} </style> </head> <body> <div class="wrapper"> <a href="#"></a> </div> </body> </html> Хотелось бы, чтобы гиперссылка занимала весь родительский блок, а она становится однопиксельной. В чем проблема?
0 votes2 answers -
Css и теги <code>,<quote>
Подскажите что тут ни так, пищу два одинаковых тега в style.css blockquote { background:#F4F5F7 url(images/blockquote.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } code { background:#F4F5F7 url(images/code.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } Только разные картинки, а выдает по разному, как сделать что Коде отображалась так же как и Цитата
0 votes4 answers -
помогите лузеру
Помогите пожалуйста... Я уже истрепал себе нервы... Мастерил в опере... В ней всё получается... А вот ИЕ трепит нервы... Я конечно понимаю, что я лузер и всё такое. Но очень надо решить проблему... Вот ссылка на сайт http://www.mentalprojecti.tu2.ru <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style type="text/css"> BODY{ margin: 0; padding: 0; } .osnova{ background: #cccccc; /*главный слой самый первый - мама*/ min-…
0 votes6 answers -
Моготи привести в порядок развращённый css код
Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …
0 votes7 answers -
Вёрстка дивами
Всем привет. Пришел к Вам, ибо не знал куда податься =( Есть .psd файлик, я его порезал, всё как нужно и сверстал в табличном виде, отнёс преподу, он, гад такой, говорит, что таблицами уже никто не верстает, нужно только дивами. А я дивами не умею совсем... Вчера весь день проигрался, сделал, вроде бы всё работает, но не тут-то было...Открыл на большом мониторе и всё поплыло =( Ребята, помогите пожалуйста, сверстайте, очень прошу Вас. Ты тут гуру...
0 votes11 answers -
Изменение стиля маркера.
Добрый день! Как сделать так чтобы элемент #div_after шел после содержимого элемента #div с фиксированной высотой? <style> #div { background: #fcc; height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Как должно быть и как есть: Решение тут. Проблема подробнее: Пытаюсь контролировать стиль маркера не через картинку или свойство list-style, а через css свойства height, width, background, и т.п. Одна проблема: при переносе строки во вложенном в список элементе div (можно использовать другой, к примеру span), эти строки загораживают следующий элемент т.е…
0 votes21 answers -
А что будет, если закрывающий тег не поставить </div>?
Вопрос такой, потому что если я ставлю закрывающий тег, то параметр мультичекбокс в таблице выдает строку отступа из-за чего некрасиво таблица смотрится. Без закрывающего тэга - нормально. Или может есть аналог div'a?? Жирным внизу выделил проблемное место. case 'multicheckbox': case 'multicheckboximage': $found = 0; for($i=0,$nb=count($this->field_values[$field->fieldid]);$i < $nb ;$i++) { $fieldvalue = @$this->field_values[$field->fieldid][$i]->fieldvalue; $fieldtitle = @$this->field_values[$field->fieldid][$i]->fieldtitle; if (strpos($value, ",".$fieldvalue.",") !== false) {$return .= "<div class="multicheckboxfield">"; if ($field->t…
0 votes6 answers -
Как подчистить скрипт счетчика?
Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…
0 votes3 answers -
Слайдер, почти овальной формы
Подскажите, как можно сделать слайдер вот такой формы: Смысл, конечно, не в слайдере, а в форме блока. С удовольствием бы наложил просто картинку, но там фон не однородный. Подумал сперва, что получится через border-radius, но вышло не много не то: http://jsfiddle.net/npofopr/n3sp9f86/ Тут http://bennettfeely.com/clippy/ вроде тоже плавных углов не сделать. Можно ли через css решить данный вопрос? Или придется использовать canvas или может svg. Если их, то может примеры есть, или какую библиотеку лучше использовать. До этого просто не сталкивался)
0 votes12 answers -
font awesome
Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?
0 votes5 answers -
псевдоселекторы after and before
добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.
0 votes6 answers