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
-
Транспонирование таблицы средствами CSS
Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…
0 votes6 answers -
холочу что бы правильно отображался текст
ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ
0 votes52 answers -
javascript
Может, кто-то сталкивался и знает. каким методом можно сохранить позицию скроллинга при переходе между страницами. сейчас используеться варинт: значение позиции ложиться в куки, потом выгребаеться - но вариант плох тем, что сайт перегружен. и переход до позиции скролинга занимет несколько секунд, в течении которых пользователь видит сайт с начала, и только потом происходит установка в заданую позицию скролинга.
0 votes7 answers -
Редактирование поиска от Google!
Здравствуйте! В первоначальном виде форма поиска и кнопка "поиск" находятся на одной линии! Как перенести кнопку ниже, чтобы она отображалась под строкой поиска, ровно по середине экрана, загвоздка в том, нужно чтобы это отображалось аналогично и в телефоне, я использую свойство position (и в процентах, и в пикселах) перемещать кнопку получается, но в телефоне отображается всё иначе!!??? вот сайт puerhcatalog.com
0 votes1 answer -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Проблемы с IE
Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.
0 votes3 answers -
Высота резина, и область наполнения(Content) с скролом.
Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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="en" lang="en"> <head> <title></title> <me…
0 votes3 answers -
аналог Firebug для IE
Есть что-то подобное Firebugа для IE? Нашел в инете ФайрДебаг но там в коде на сайте типа ихнию жс ссылку добавить надо...А если нет такой возможности а просто надо протестировать не входя в код... в 4х браузерах все норм ток ИЕ не правильно отображает...даж не знаю где ошибку искать ((
0 votes1 answer -
Поиск по календарю на сайте
Подскажите, пожалуйста, как организовать поиск по дате. Примерно, как здесь http://meloman.ru/?id=9&search[d0]=26&search[m0]=02&search[Y0]=2011&search[d]=26&search[m]=02&search[Y]=2011&PAGE=1 Видимо, каждому мероприятию добавляется якорь одинаковый для всех, что относятся к одной и той же дате. При щелчке по этой дате в календаре, все мероприятия, назначенные на эту дату, выводятся на одной страничке. Спасибо.
0 votes4 answers -
2 текстовых поля
Здравствуйте, раньше делал такое, и что то подзабыл уже(( <p> <input name="1" type="text" /> </p> <p> <input name="2" type="text" /> </p> как сделать что бы при вводе данных в первре поле, они сразу же вводились во воторое, помню что код был а 2-3 строчки, помогите плиз,.. Спасибо!
0 votes2 answers -
Растягивание по высоте блока, с вложеными позицированными дивами
Всем привет. Есть главный блок all, позиционируемый по центру. В нем еще один блок content, так же располагается по центру. Внутри content есть два блока box_left и box_right, к которым применяется float. Блок content должен растягиваться по высоте, в зависимости от высоты блоков box_left и box_right. Применить float к content нельзя. Прикладываю миниатюру.
0 votes3 answers -
text-decoration для текстовых ссылок но не для изображений внутри ссылок
Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!
0 votes14 answers -
Доска Обьявлений
Помогите пожалуйста с поиском доски обьявлений мб ктота наталкивался, хочу поставить на сайт но никак не могу найти. Спасибо заранее
0 votes6 answers -
как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?
<style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …
0 votes8 answers -
Expression для min-width в IE6
Может кто-нибудь объяснить, чем отличаются эти expression-ы? width:expression(document.body.clientWidth < 980? "980px": "auto" ); width:expression(document.documentElement.clientWidth < 980? "980px" : "auto" ); Первый вариант предлагается повсюду в сети для решения проблемы с min-width в IE6, но у меня он не желал работать. Второй вариант заработал сразу. С чем это связано? П.с. psywalker, спасибо кстати, второй вариант нашла в твоих сообщениях тут)
0 votes4 answers -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
Чет не работает гармонь =)
<!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…
0 votes3 answers -
Выравнивание картинки
интересует такой вопрос сегодня скачал html шаблон поставил его к себе решил сделать slider(смена изображений) вставил код вроде всё отображается но.. картинка уходит за поле в левый бок а с права наоборот кусок чёрный остаётся кстати slider выдернул из dle 9.2 думаю смысла выкладывать ксс файлы другие нету смысла, но если сильно нужно выложу сам css файл сам код который вставил JS Скрипт ссылка на сайт ввиде IP адреса т.к. стоит дома пока что _http://95.30.201.170/
0 votes2 answers -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers -
Как оформить список в списке
Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 10…
0 votes11 answers -
растяжка по высоте,падинги,опера,эксплорер
http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.
0 votes20 answers -
Высота ячейки меньше чем ее содержимое.
Как можно(если можно) уменьшить высоту ячейки таблицы и сделать ее меньше чем ее содержимое? Если задавать ячейке свойство height то это будет минимальное значение, которое в случае если содержимого в ячейке больше просто игнорируется. Пробовал в связке с overflow: hidden; задавать height: и max-height:, с разными доктайпами и вообще без доктайпов, не получается. Цель ячейка в строке .description: <tr class="offer"> <td class="name"><i>вввввв</i></td> <td class="time">10</td> <td class="price">35</td> </tr> <tr class="description"> <td colspan="3">ТАОТАВОТМАОЛТМАЛОТ</td> </tr>
0 votes4 answers -
Переход по якорям с одинаковым именем в пределах одной страницы
Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому) есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому <p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p> ... <p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p> ... <p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p> Требуется для то…
0 votes3 answers -
Рельефный текст
Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/
0 votes6 answers